WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. wokkaboy
    Member
    Posted 6 months ago #

    Hi

    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!

    https://wordpress.org/plugins/tinymce-advanced/

  2. Andrew Ozz
    WordPress Dev
    Plugin Author

    Posted 6 months 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
    Member
    Posted 5 months 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.

Reply

You must log in to post.

About this Plugin

About this Topic