table background color

Does that happen only in the editor or on the front-end after you publish a post?

Could you look in the browser tools (Inspect element, etc.) after you set the color and see if it was added as inline css. It is possible that the inline styles are being “overwritten” by your theme’s css. If that’s the case, you’ll need to either edit the css or contact the theme authors. If the inline css if not added, please look in the browser tools for js errors and post them here if any.

First of all, I need to learn what’s inline css and where to find it and correct it if it’s possible to do that without any help from the authors, which implies repaying an expensive license. I thought it was easier. As far for the rest, the table works fine for me. Thanks.

Uh, sorry. An HTML tag looks like this: <td>. The same tag with inline css will look like this: <td style="background-color: #ccc;">.

Try to add background color as usual, then right click the table cell and select “Inspect element” (or similar). The browser tools will open and you should see the “element” HTML, in this case the <td>.

The above is meant to determine if the problem is with the js in the editor, or with the css on the site or in the theme.

Hi again,

After many readings, I guess there’s inline css and it also looks there’s nothing I can do. This is what I’m getting right now:

div class="table-1"><table style="border-collapse: collapse; width: 95.0281%; height: 593px;" data-mce-style="border-collapse: collapse; width: 95.0281%; height: 593px;" class="mce-item-table" data-mce-selected="1"><tbody><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/grupos.jpg" alt="" width="300" height="45" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/20.jpg" alt="" width="375" height="45" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/lunes.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><a href="https://www.bailaconestilo.com/quienessomos"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/iniciacion.jpg" alt="" width="375" height="80" /></a></span><br data-mce-bogus="1"></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/martes.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/avanzado.jpg" alt="" width="375" height="80" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/miercoles.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/intermedio.jpg" alt="" width="375" height="80" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/jueves.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/avanzado.jpg" alt="" width="375" height="80" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/viernes.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/enconvocatoria.jpg" alt="" width="375" height="80" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><br></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/18.jpg" alt="" width="375" height="45" /></span></td></tr><tr><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/sabados.jpg" alt="" width="300" height="80" /></span></td><td style="width: 110.033px;" data-mce-style="width: 110.033px;"><span style="background-color: #339966;" data-mce-style="background-color: #339966;"><img src="https://bailaconestilo.com/wp-content/uploads/2020/09/enconvocatoria.jpg" alt="" width="375" height="80" /></span></td></tr></tbody></table></div>

Thanks again

• This reply was modified 3 years, 11 months ago by Yui.
• This reply was modified 3 years, 11 months ago by Yui. Reason: please use CODE button for proper formatting

Hmm, where are you adding the background color from? Is it from the “Table” menu item, or do you select the images (seems there are only images in the table code you pasted) inside the table cell and then adding it?

If the background color is added from the “Table” menu for the cell, row, or the whole table, it seems to always work here. However if it is added for each image, like in the pasted code above, the color is “behind” the image so it is not visible.