[Resolved] Padding Issue

[Anthony]

Hi, all pages look good, except this one. Seems to have double the padding. I removed all additional css from the customizer. No CSS plugins or additional CSS exists. Any idea how to correct the padding on this page without affecting the others?

Thanks,
Anthony.

[Leo]

Hi there,

This CSS is causing the issue and it isn’t coming from GP:
https://www.screencast.com/t/RLOo0oSN

I can’t quite tell where it’s coming from as there is some sort caching on.

Hope this helps!

[Anthony]

Exactly. Now if I make it 0px it will look the way I want, but all the other pages lose the padding too and they don’t need to.

[Leo]

Can you link me to a page where this CSS is needed?

[Anthony]

Sure – https://www.expertcomputerhelp.com/computer-support-services/ If you look at the other pages you’ll see they are all even with 40px. It’s that one page that’s off.

[Leo]

Looks like the other pages are using the contained setting here:
https://docs.generatepress.com/article/page-builder-container/

Try using the Default option so the normal content padding apply:
https://docs.generatepress.com/article/content-padding/

Then you can remove the CSS.

Let me know 🙂

[Anthony]

That’s what I’m saying Leo 🙂 I’ve tried everything, well.. Maybe something broke? I’m stumped man.

[Anthony]

I took a few screenshots for you – https://1drv.ms/u/s!AioH3Aq897Joo79FiABxn2bV5Vdalg?e=6Y88Pd Hope this helps. Thanks!

[Leo]

Have you checked the page builder container setting for the Expert Computer Help page I mentioned above?

Is it set to default?

[Anthony]

Yes. I’ve played with all the theme settings. I would think there would be some inline code for this so it doesn’t effect the rest of the pages. No?

[Leo]

You don’t need to add CSS for padding as it’s all handled by the theme itself.

When you add your own CSS, the result is double padding as you can see.

Can you double the page builder container setting for the Expert Computer Help page make sure it’s set to default?

Then make sure to clear any caching plugin and site ground cache.

[Anthony]

I know that. That’s why I removed all custom css. However, this particular theme came with additional css. I decided to remove it all because of this. Now it should be clean, no unnecessary css. I’ve tried it with code and without. I’ve cleared the site cache a few times. I’ve tried all the css hacks I could think of. Normally I can figure this out myself. When the settings are default it removes all of the padding. It’s set to 40px, so why is it removing all of the padding? You viewed the link of screenshots? I was showing you what happened when I removed the additional css padding. Globally it’s set to 40px, but it’s not working.

[Leo]

When the setting is set to default, it should keep the padding as you set in the customizer as you can see in the double padding page:
https://www.screencast.com/t/NQ1AEP4PZxD

And the home page now set to default? It doesn’t look like it from the code.

You also have Site Ground optimizer turned on so I can’t view the source of the code.

Can you turn that off for now?

[Anthony]

Done. Now the global content padding is 40px, but as you can see, after I removed that additional css you see what happens? If I keep it there it fixes the whole site except for the services page has double.

[Leo]

Do you have a Layout Element created?
https://docs.generatepress.com/article/layout-element-overview/

Can you turn off site ground optimizer for now so I can see the source of the code better? It could very well be causing some issues as well.

[Author]

Posts