[Support request] Where to Change CSS?

[Eyal]

Hi,

We have the following CSS lines in the style.css file:

.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 {
padding: 40px;
}

If we want to edit it, should we change it directly in the file?
Or any other suggestion.

Thanks

[David]

Hi there,

you can change the container padding in Customizer > Layout > Container >> Content Padding

[Eyal]

Thanks,

I did that but the above CSS is not changed and it’s effecting the looks of the site only when I’m logged in to wp admin.

So I see different padding for the whole site if I’m logged in or out of the site.

Any idea how to solve this?

Thanks

[David]

Are you using any cache plugins? If so can try disabling them to see if that is the issue.

[Eyal]

Already checked that 🙂

Still different site padding for logged in and regular users.

Also, if you see the above CSS – it has a padding of 40px for all sides.

In the “Content Padding” settings we currently have these numbers: 20px 20px 40px 20px
When we edit those numbers the site responds well. But the above CSS doesn’t seems like we have control over it from the interface.

Any other ideas?

Thanks again

[David]

The CSS in the styles.css is the default, which should be overwritten by the Customizer CSS whether the user is logged in or out.

In the Customizer – can you check that the changes are actually published and not Saved as Draft?

[Eyal]

They are published not drafts :/

[David]

Can you provide me a link to the site?
You can edit your original topic and use the Site URL field to share privately.

[Eyal]

Done

[David]

Could you clear and disable the cache plugin?

[Eyal]

Done.

Now you can see that the padding of .site-content is 40px.

How can I edit it?

Thanks again David!

[Leo]

Are you using a child theme?

[Eyal]

Hi Leo,

Yes, we’ve added a child theme to add some functionalities.

The child theme has a css file too but these specific style is not defined there.

Any idea why the child theme is causing this?

Thanks

[Leo]

Does the option work if you use the parent theme?

If so this should be the issue in your child theme:
https://docs.generatepress.com/article/child-theme-issues/#import

[Author]

Posts