Archived topic

Custom padding on "Sections"

5 replies · Started by David on January 26, 2019

Viewing posts 1–6 of 6

January 26, 2019 at 11:03 am #793047

Hi Tom & Co!

I'm trying to customize a paragraph padding on a section zone. I think we can do this with CSS code and Custom Classes... ?? And I would like this code affects only at Desktop version, not on mobile.

To understand it better, I attach an image with an example. I want to fit the text under the red lines only on desktop version.

Thank you :)

January 26, 2019 at 11:33 am #793063

Hi there,

Try this for your HTML:

<div class="narrow-content">
    my narrow content here
</div>

Then this CSS:

@media (min-width: 769px) {
    .narrow-content {
        max-width: 500px;
        margin: auto;
    }
}

January 26, 2019 at 1:03 pm #793115

Yeah! It works thank you!

Buuut... now all of paragraph is on the left side. I can move the "entire block of text" to the center? Move the paragraph, not center the text.

Thank you Leo!

January 26, 2019 at 2:52 pm #793169

Edited the CSS here:
https://generatepress.com/forums/topic/custom-padding-on-sections/#post-793063

January 28, 2019 at 12:23 am #794072

¡Yeah Leo! It works perfect. Thank you.

Congratulations, your support team / system is excelent. I'm very happy with it.

Have a nice day. Hugs from Catalonia!

January 28, 2019 at 9:04 am #794642

Glad we have been helpful :)

This archived topic is closed to new replies.

Start building better websites today.