Change block table font size with CSS

  • gww2

    (@gww2)


    4 years, 6 months ago

    The second table on this page is a post using the Elementor Post widget.

    The actual post was created by copy and pasting an excel sheet into a paragraph block which resulted in creating a table block. The font of the table is too small. Since table blocks do not have any font size control, I added the following code to the Additional CSS class(es) input block, but nothing changed.

    .wp-block-table {
    font-size: 24pt;
    }

    I have been searching the internet and WordPress forums to find an answer for several days now but to no avail. The question is as follows: how do I change he font size of a WordPress table block using the Additional CSS class(es) input block?

    • This topic was modified 4 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    4 years, 6 months ago

    You’re not using a gutenberg block. The table on that page is set by Elementor. This changes the font size in all tables:

    table {
    font-size: 24px;
}

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    Thread Starter gww2

    (@gww2)

    4 years, 6 months ago

    Steve,

    Thank you very, very much. Initially, I was trying to past this in the “Additional CSS” of each post until I read your solution much closer along with scrutinizing the references. It works perfectly! Also thanks for all the references.

    Now all that the authors have to do is create an Excel table and copy/paste it in a WordPress paragraph. It automatically becomes a WordPress table. Then they choose a category for that post. The categories have already been automatically created from the menus and submenu names.

    In most pages, I have used the Elementor Posts widget which filters out all but one category matching the submenu name that the page falls under. The widget is set to full content, instead of so many posts per page.

    Again, thank you for the great help.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change block table font size with CSS’ is closed to new replies.

Tags