Styling a Table

  • jodword

    (@jodword)


    1 week, 2 days ago

    Hello,

    I’m building a site locally on PC using Local app for someone else and trying to make it as easy for them to manage adding/updating information. I’m using the Twenty Twenty Five theme in 6.4.9 WordPress. I have inserted a table block and styled the first column in table with text set to “Bold” and the second column is set to “Regular”. If they highlight the items in each row in first column, will it keep the setting of text to “Bold”, or will it get rid of the style? If it removes the style setting, is there a way to keep the style with additional CSS, and if so, where would that CSS be added? Thanks

Viewing 1 replies (of 1 total)
  • r1k0

    (@r1k0)

    1 week, 2 days ago

    Hello @jodword,

    No, the text styles for that column item should remain bold if they only highlight it. But if they highlight and uncheck the bold setting, the text will lose its bold styling.

    You could also make the items in the first column bold using CSS, which will prevent accidental changes to the styling. To make this change apply to only one table, follow these steps to add additional CSS:

    • Go to the specific table, click Advanced in the block setting tab.
    • Add an additional CSS Class, e.g. only-editable and save the post/page. (See screenshot below)
    • Go back to the Admin Dashboard and head over to Appearance > Editor.
    • Select the Styles tab, then click the three horizontal dot button.
    • Click Additional CSS option and the input field, enter the code below to set the first column style to bold.
    .only-editable tr > td:first-of-type {
        font-weight: bold;
    }
    View post on imgur.com

    Hope you find this helpful.

    Cheers.

    • This reply was modified 1 week, 2 days ago by r1k0. Reason: Additional info
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.