TinyMCE Advanced
[resolved] Table not displaying correctly (3 posts)

  1. wokkaboy
    Posted 2 years ago #


    I've installed TinyMCE Advanced but when I add a table to a page, non of the cell padding, spacing or border properties show.

    Bizarrely it shows correctly for a split second if I update the page on my dashboard, then jumps back to the incorrect version.

    See http://www.heliweb.co.uk
    There should be a 2x2 row/col table with 8px cell padding, 8px cell spacing, and 8px border.
    Blue border, red background.

    I have a feeling it's being overwritten from somewhere else, but have looked to remove all other table properties.

    Help please!


  2. Andrew Ozz
    WordPress Dev
    Plugin Author

    Posted 2 years ago #

    The display of tables (and everything else) on the front-end is controlled by your theme. The old attributes: cellpadding, cellspacing, border, etc. are overridden with the theme's CSS.

    Best thing to do is to tweak the styles for tables in your theme. You'll need to maintain the tweaks after theme updates. Or you can try making a "child theme" so you won't need to maintain the "parent".

  3. dbarnhart
    Posted 2 years ago #

    Actually you can accomplish this without digging in to your theme's stylesheet.

    Highlight the table cells you want set padding, spacing, and border for.

    Click on the Table Cell Properties button

    Click on the Advanced tab

    Use the color pickers to set border color and background color. When you do you will see that the 'Style' field is being filled in with the corresponding CSS. TO set padding, just append "padding:3px" to the Style field value.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • TinyMCE Advanced
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic