How to set padding to indent text from the left?

  • Resolved Jack All

    (@jack-all)


    3 years, 6 months ago

    Hi,

    I’m new to the block editor and have been struggling for days to set some kind of padding in my text blocks on the main page.
    Because I’m using different colors for site background and text block, the text has no space between the border and text and doesn’t look good.

    I’m using twenty twenty one. Any ideas?

    Many thanks in advance,
    Jack.

    • This topic was modified 3 years, 6 months ago by Jack All.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hi Jack,

    Are you able to share your site address so we can inspect and provide CSS to help you?

    Oliver

    Thread Starter Jack All

    (@jack-all)

    Yes thank you Oliver,
    it’s annjansen.be

    Plugin Author Oliver Campion

    (@domainsupport)

    OK, so you’ve put your paragraph blocks in a column so you could add this to “Customizer – Additional CSS” …

    .wp-block-columns .wp-block-column {
margin-left: 1rem;
margin-right: 1rem;
}

    … but this will affect all black columns so you might want to give it a custom class name (under “Advanced” in block settings) so that it only affects the column(s) you want.

    Oliver

    Thread Starter Jack All

    (@jack-all)

    Thank you Oliver!
    That works, but in responsive mode the margin disappears?

    Plugin Author Oliver Campion

    (@domainsupport)

    What do you mean exactly by “responsive mode”. Do you mean at a specific screen width?

    Oliver

    Thread Starter Jack All

    (@jack-all)

    It happened when changing the browser width. But I now use padding instead of margin and that works great!

    Thanks again for your support Oliver, I now know how to add items to classes!

    Kind regards,
    Jack

    Plugin Author Oliver Campion

    (@domainsupport)

    Great!

    No problem.

    Oliver

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to set padding to indent text from the left?’ is closed to new replies.