Archived topic

Global body-Settings with a specific space

19 replies · Started by sporenborg on March 2, 2020

Viewing posts 1–15 of 20

March 2, 2020 at 10:22 pm #1183117

Hi,

is there a way to set the global body settings, for example to 5%, to all sidelines for all areas incl. all responsive breaks? In my example (blog post) you can see the landscape tablet view has 0 space to the left sideline. I can't imagine that the settings of the GP theme have to be realized exclusively via the design / customizer / css settings.

The widget areas are fine. But the blog content behaves completely different from header and footer.

Thank you in advance.

March 3, 2020 at 6:48 am #1183433

Hi there,

if you want to use % padding across the various site containers then try this CSS:

.inside-header,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header,
.wp-block-group__inner-container,
.widget-area .widget,
.footer-widgets
 {
    padding: 5% !important;
}

March 4, 2020 at 5:25 am #1184603

Hi David,

thank you! You mentioned the "various site containers". Is there an easier way to set-up these paddings I didn't see?

Thank you!

March 4, 2020 at 5:45 am #1184626

In the Customizer > Layout > - there are several areas for changing the site padding from:

Header
Content
Sidebars
Footer

March 4, 2020 at 5:57 am #1184642

Thank you. This i noticed … but for tablet the padding-left is not working. Desktop padding 0 left is wanted. Pls have a look at /category/studien/

March 4, 2020 at 6:50 am #1184837

Desktop and Tablet uses the same padding. And as you have zero padding on the desktop settings then it also applies to the tablet.

Try this, in Customizer > Layout > Container, Add Left Padding to the container for desktop, then select Text for Container Alignment

March 4, 2020 at 2:52 pm #1185254

Thx David!

March 4, 2020 at 5:26 pm #1185339

Glad to be of help

March 28, 2020 at 2:16 pm #1213431

Hey David,

one more question to this topic: Left Padding to the container for desktop has no effect to the blog for tablets. Why? I think I tried all options to set the left padding > 0px.

Thank you

March 29, 2020 at 6:57 am #1218383

In the Customizer > Layout > Container you can set the Content Padding for desktop and mobile size devices. Just make sure that both contain a value

March 31, 2020 at 2:30 am #1220488

both contain values …

March 31, 2020 at 9:09 am #1221033

Looks like the Contained option is used which is removing the default padding the customizer:
https://docs.generatepress.com/article/page-builder-container/

The padding on mobile is actually coming from this CSS:

@media (max-width: 768px) {
.contained-content.separate-containers .inside-article, .contained-content.one-container .site-content {
    padding-left: 8%;
    padding-right: 7%;
}
}

If you use the Default option then you shouldn't need to use the CSS to set the padding.

April 2, 2020 at 2:39 am #1223105

I just disabled the mentioned css … and it doesn't work … an mobile …

April 2, 2020 at 4:49 am #1223247

As Leo mentioned you have to change the Page Builder container to Default:

https://docs.generatepress.com/article/page-builder-container/

This options may also be enable / disabled in a Layout element:

https://docs.generatepress.com/article/layout-element-overview/

April 2, 2020 at 5:35 am #1223280

It is … (maybe I should mention it is about the blog area)

Template: Standard Template
Page-Builder-Container: Standard

This archived topic is closed to new replies.

Start building better websites today.