Styling gutenberg columns block content

  • Resolved JohnDBB

    (@johndbb)


    5 years, 1 month ago

    Hello

    I would like to change the size of texts inside columns block based on the column’s width, but there is no class in the column with that width (apart from a style=”flex-basis: XXX%;)

    Any tips about how I could do that please?

    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    You can use :first-child or :last-child pseudo classes to only target the first or last column of the outer .wp-block-columns element. There is also a :nth-child() class to target intermediate columns.

    Thread Starter JohnDBB

    (@johndbb)

    Thank you bcworkz

    The problem with that is that I don’t know the widths of the columns. Maybe in one block the first column is the bigger but in other one is the smaller.

    I have extended the columns block in order to create my own layouts giving a class to each column and it works for me.

    Thanks a lot

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling gutenberg columns block content’ is closed to new replies.