Archived topic
Weird padding issue
9 replies · Started by Christos on May 24, 2022
Hi. Please check the page. Seems padding is applied in some containers while not in others. In mobile some containers when wrapped go to the edge of screen while others (with the same settings) look correct.
Hi there,
Can you specify the containers we should be looking at here?
Example https://prnt.sc/RCiccdNCQgcO . Check in small screen
Can you try using the Grid block from GB instead of the columns block from WP core?
It will allow you to have much better control of the layout:
https://docs.generateblocks.com/article/grid-overview/
OK I will but why it works on other Containers on the same page, with columns?
I'm not sure. All of your source code is hidden because of the caching plugin so I can't tell:
https://www.screencast.com/t/CaljlyWdHmD
My genuine advice would be to switch all of them to use GB's grid block as you are already using GB.
You can add "?nowprocket" after the trailing slash and it will cancel caching. Example: http://www.example.com/?nowprocket
I checked your homepage, seems all paddings are working fine.
Any specific one I should be looking at?
Hi. It works when shifting to Grid. However, why the standard WP lists work on all other pages?
Hi Christos,
Looking at the Clients Page, I can see multiple WP columns Blocks and looking at them on a smaller screen, the evident spacing is this: https://share.getcloudapp.com/kpu8kd56
Is this the weird spacing you’re referring to?
If yes, this Spacing is coming from the default margin of the WP Columns Block. You would need custom CSS to fix this.
The more efficient way is to use a Grid Block as mentioned by Leo. This Block would give you more control over the paddings and margins to prevent this from happening.
Hope this clarifies! :)
