Archived topic

Inner Margins when using Contained Sections

5 replies · Started by Vernon Lees on September 30, 2019

Viewing posts 1–6 of 6

September 30, 2019 at 9:29 am #1022682

I've been racking my brains over this one so hope someone can help! I may well have simply missed something obvious...

I'm using sections with Box Type 'Full Width' and Inner Box Type 'Contained'.

The issue I'm trying to overcome is that my text aligns directly with the left side of the inner container. Essentially I want it indented from the left and right sides of the page by say, 20-30px each side.

I can't seem to do anything on the inner container div (padding or margin). I ideally I wanted to do a quick CSS fix and didn't want to add new classes to each section on every page or add inner wraps etc.

It' been a long day, I am full of cold so maybe I'm just not seeing this correctly!

Thanks in advance!

September 30, 2019 at 4:22 pm #1022886

Hi there,

So adding left or right padding to the Section doesn't do what you're after?

If not, can you tell me which page to look at where I can see the issue?

Let me know :)

October 2, 2019 at 7:24 am #1024255

Hi Tom

Thanks for the response. This would be an example here https://xxxx

You can see from the header that its lined up with the edge of the inner container below but I can't seem to get to indent.

Thanks in advance.

October 2, 2019 at 7:01 pm #1024820

Does this do the trick?:

.generate-sections-container > div {
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
}

Let me know :)

October 3, 2019 at 12:25 pm #1025616

Perfect! Thanks Tom. :-)

October 3, 2019 at 7:41 pm #1025793

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.