Tables inheriting from figure class

  • Resolved edtadmin

    (@edtadmin)


    5 years, 5 months ago

    After installing the Gutenberg plug-in, it looks like table blocks that I create are getting stuffed inside a figure class.

    I have two pages that are nearly identical, but today I started modifying a table on one and enabled the “header section”. Ever since doing this, that table is now being put inside a figure class. I believe this is preventing me from getting back to the original format which is still correct on the other unmodified page.

    Here’s the difference in how the code is being generated…

    Unmodified page originally built with standard block editor:
    <table class=”wp-block-table table-driver table table-hover”>

    Modified page after experimentation with “header section” with Gutenberg plug-in:
    <figure class=”wp-block-table table-driver”><table class=” table table-hover”>

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ella

    (@ellatrix)

    Hi @edtadmin!

    This is normal, tables are now wrapped in a figure element. Does it break anything for you?

    Thread Starter edtadmin

    (@edtadmin)

    Thanks for the reply, Ella.

    No, it didn’t break anything. I just lost control over applying CSS to the table since it became wrapped in a figure. I’m fairly new to all this, but it appears as if the figure style in my theme was overriding whatever I tried to apply to the table block through the CSS editor.

    The end result was I couldn’t match the style of the table I built before I loaded the Gutenberg plug-in. So… I ended up just changing the styling of the tables to something I liked with the latest version of the Gutenberg plug-in and called it good!

    Plugin Author Ella

    (@ellatrix)

    @edtadmin Ok, that’s great to hear! You could try to increase specificity to the rules in your CSS editor, if you do still want to change the styles. Or try unset any styles that the theme is applying.

    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Tables are wrapped in figures? what is this nonsense? First, it is breaking previous table-applied styles because any class you add in the editor is now added to the figure instead of the table. Second, this is not W3C compliant as far as I know.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Tables inheriting from figure class’ is closed to new replies.