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

[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

[Elvin]

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/

[Daniel]

Problem solved. Thank you for the fast answer!

[Elvin]

Awesome. No problem.:)

[Author]

Posts