[Resolved] Inner Margins when using Contained Sections

Home Forums Support Inner Margins when using Contained Sections

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1022682
    Vernon Lees

    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!

    #1022886
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #1024255
    Vernon Lees

    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.

    #1024820
    Tom
    Lead Developer
    Lead Developer

    Does this do the trick?:

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

    Let me know 🙂

    #1025616
    Vernon Lees

    Perfect! Thanks Tom. 🙂

    #1025793
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.