[Resolved] Left and Right Container Spacing with Responsible Full Width Layout

Home Forums Support Left and Right Container Spacing with Responsible Full Width Layout

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1479107
    Daniel

    Hey there!

    Purchased the Premium Version some days ago and playing around with the design.
    I am not confident in CSS, hence my question:

    I want to have a responsible full-width layout on my site. I looked at some forum topics and Tom stated that by setting the Container Width to 2000 the theme is designed to be responsible and will do the rest.
    My issue is that I would like to have left and right space between the border of the browser window and the containers. If I change the separating space, the space between the containers changes but the space on the far left and far right not.

    My values in the customizers are:
    Container Width: 2000 px
    Separating Space: 30 px
    Content Padding: 50 px

    Best,
    Daniel

    #1479174
    Elvin
    Staff
    Customer Support

    Hi,

    You should be able to achieve actual full width by setting the content area to “Full Width” through the Layout Elements.
    Read more here: https://docs.generatepress.com/article/blog-content-layout/

    After setting the content area to full width, you can add the padding through CSS.

    Example

    .site-content{
    padding-left: 5%;
    padding-right: 5%;
    }

    Here’s how to add CSS. https://docs.generatepress.com/article/adding-css/

    A wise man once said:
    "Have you cleared your cache?"

    #1480577
    Daniel

    Problem solved. Thank you for the fast answer!

    #1483771
    Elvin
    Staff
    Customer Support

    Awesome. No problem.:)

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.