• I’m trying the table block in gutenberg so have built a pretty simple table. I can align the entire table on the page but I can’t seem to find any menu or choices for aligning text within a cell in the table. I want to do typical table things like centre column titles but left align row entries. I also can’t find anything for changing font of some row contents (eg Heading text larger than entry text, etc).

    I’m updated on wp and using the UUA theme. Is this level of control missing for me or not implemented yet or is there some trick like putting a para block inside a table cell or something?

    Thanks in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • you can try going under advanced and in the box for additional classes add a space after the class that already there and enter a name for a new class then go to customize and add some custom css for the class you added.

    As a whole, nesting blocks is limited right now in the block editor.
    Styling tables is usually difficult, due to having so many pieces and no names by default.
    If you want to style a table individually, you should put an ID on it and put the styles into your Additional CSS. Or, if you just want to change all tables, you don’t need an ID, but still put the styles in Additional CSS.

    Changing fonts is not part of the editor, as the theme has to load the fonts, but if you meant sizes, that is available on some blocks, but is not accessible (or maybe even responsive) since it uses pixel values. You are better off adding CSS to Additional CSS.

    nothere

    (@j86schroeder)

    Can someone give me an example of what code I can put in the Additional CS to make my table not have 1st Middle Name on three lines? I’d like it to be one line. When I have put code in the Additional CSS tab, it does not work after hitting update.

    https://johnschroeder.family

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

The topic ‘Aligning text in table rows, gutenberg’ is closed to new replies.