Title: Table background color missing
Last modified: August 31, 2016

---

# Table background color missing

 *  Resolved [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/)
 * I want to put a light background color in a table.
    I suspect the same problem,
   whatever it is, is also preventing me from adding color to text.
 * There was no background color shown when I coded it manually, so I put the table
   in Dreamweaver to see what the problem was, and it displays perfectly in DW. 
   Here is the pertinent code:
 *     ```
       <table width="90%" border="1" cellpadding="2">
         <caption>
           Caption for the table
         </caption>
         <tbody>
           <tr>
             <th align="center" valign="middle" bgcolor="#F4BFC0" scope="col">Upper left</th>
             <th align="center" valign="middle" bgcolor="#F4BFC0" scope="col">Upper right</th>
           </tr>
           <tr>
             <td align="center" valign="middle" bgcolor="#F4BFC0">Lower left</td>
             <td align="center" valign="middle" bgcolor="#F4BFC0">Lower right</td>
           </tr>
         </tbody>
       </table>
       ```
   

Viewing 15 replies - 1 through 15 (of 28 total)

1 [2](https://wordpress.org/support/topic/table-background-color-missing/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/table-background-color-missing/page/2/?output_format=md)

 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413170)
 * Could you please explain where you added code manually where background color
   not shown.
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413171)
 * I made this simple table example and verified that the problem persists.
 * Each cell is marked with a background color (in this case, a random pink). The
   table displays with a pink background in DW. When I copy it to a blank page in
   WP, between BODY tags, it displays in black and white. The entire table.
 * The same thing happens if I move it to the initial <table> line, like:
    `<table
   style="background-color:#ffccff">`
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413174)
 * I put it up so you can see it, but will have to delete it again shortly.
    [http://www.cadmusmedia.org/wp/just-testing/](http://www.cadmusmedia.org/wp/just-testing/)
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413184)
 * Sorry, had to make it private again. If someone needs to see it let me know.
 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413198)
 * May be some default css overwriting your added css ,Please add a “!important”
   tag like below:
    <table style=”background-color:#ffccff !important”>
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413219)
 * Thanks, but no cigar.
 * No change, whether the !important tag is in the table code, or the cell code.
 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413221)
 * Can you activate below link for 10 min so that I can check
    [http://www.cadmusmedia.org/wp/just-testing/](http://www.cadmusmedia.org/wp/just-testing/)
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413222)
 * With pleasure.
 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413223)
 * Can You send me html code of “Background code for table only” table
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413224)
 * This is currently running a Mantra child theme, but the child theme only has 
   one entry, which also doesn’t work. Probably for the same reason. See
    [https://wordpress.org/support/topic/mantra-setting-class-text-colorsize-in-child-theme](https://wordpress.org/support/topic/mantra-setting-class-text-colorsize-in-child-theme)
   The problem persists even when I switch back to vanilla Mantra.
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413225)
 * Here’s the whole thing:
 *     ```
       <table width="90%" border="1" cellpadding="2">
         <caption>
           Individual cell background code
         </caption>
         <tbody>
           <tr>
             <th align="center" valign="middle" bgcolor="#F4BFC0" scope="col">Upper left</th>
             <th align="center" valign="middle" bgcolor="#F4BFC0" scope="col">Upper right</th>
           </tr>
           <tr>
             <td align="center" valign="middle" bgcolor="#F4BFC0">Lower left</td>
             <td align="center" valign="middle" bgcolor="#F4BFC0">Lower right</td>
           </tr>
         </tbody>
       </table>
   
       <hr />
       <table style="background-color:#F4BFC0 !important width="90%" border="1" cellpadding="2">
         <caption>
           Background code for table only
         </caption>
         <tbody>
           <tr>
             <th align="center" valign="middle" scope="col">Upper left</th>
             <th align="center" valign="middle" scope="col">Upper right</th>
           </tr>
           <tr>
             <td align="center" valign="middle">Lower left</td>
             <td align="center" valign="middle">Lower right</td>
           </tr>
         </tbody>
       </table>
       ```
   
 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413226)
 * I have inspected code ,I found wrong html strcture that need to fix.
    Below code
   is wrongly written need to corrected: <table style=”background-color:#F4BFC0 !
   important width=” 90%”=”” border=”1″ cellpadding=”2″>
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413227)
 * Sorry, just added the missing ” after backgrouind-color… And published.
    That
   line now reads: `<table style="background-color:#F4BFC0 !important" width="90%"
   border="1" cellpadding="2">`
 *  [Clarion Technologies](https://wordpress.org/support/users/clarionwpdeveloper/)
 * (@clarionwpdeveloper)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413228)
 * Please Use below code:
 *     ```
       <table width="90%" border="1" cellpadding="2">
         <caption>
           Individual cell background code
         </caption>
         <tbody>
           <tr>
             <th align="center" valign="middle" style="background-color:#F4BFC0 !important" scope="col">Upper left</th>
             <th align="center" valign="middle" style="background-color:#F4BFC0 !important" scope="col">Upper right</th>
           </tr>
           <tr>
             <td align="center" valign="middle" style="background-color:#F4BFC0 !important">Lower left</td>
             <td align="center" valign="middle" style="background-color:#F4BFC0 !important">Lower right</td>
           </tr>
         </tbody>
       </table>
   
       <hr />
       <table style="background-color:#F4BFC0 !important" width="90%" border="1" cellpadding="2">
         <caption>
           Background code for table only
         </caption>
         <tbody>
           <tr>
             <th align="center" valign="middle" scope="col">Upper left</th>
             <th align="center" valign="middle" scope="col">Upper right</th>
           </tr>
           <tr>
             <td align="center" valign="middle">Lower left</td>
             <td align="center" valign="middle">Lower right</td>
           </tr>
         </tbody>
       </table>
       ```
   
 *  Thread Starter [elipsett](https://wordpress.org/support/users/elipsett/)
 * (@elipsett)
 * [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/#post-7413229)
 * No change in appearance.

Viewing 15 replies - 1 through 15 (of 28 total)

1 [2](https://wordpress.org/support/topic/table-background-color-missing/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/table-background-color-missing/page/2/?output_format=md)

The topic ‘Table background color missing’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 28 replies
 * 2 participants
 * Last reply from: [elipsett](https://wordpress.org/support/users/elipsett/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/table-background-color-missing/page/2/#post-7413246)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics