Archived topic
Inside container padding - unable to find
5 replies · Started by Roy on November 25, 2021
Hi,
I have a couple of pages on my site where a 40px padding is applied to an inside container.
Example page: https://www.webshopzorg.nl/diensten/
See screenshot1 > https://ibb.co/2SKH5W0
This is the code i find.
.gb-container-6bbd563e > .gb-inside-container {
padding: 40px;
}
The layout I am trying to create does not have the 40px padding.
Example page: https://www.webshopzorg.nl/diensten/webshop-scan/
I have checked and compared all container and grid settings but I don't see any differences.
I am unable to find out where the inside-container padding is applied to the https://www.webshopzorg.nl/diensten/ page.
What I am after is to vertically align the container with the logo in the header on all pages on desktop and on mobile.
See screenshot 2 > https://ibb.co/hFHVH5m
Cheers
Hi there,
if you select the left hand Column in that Grid, in the Settings > Spacing set the padding values to 0 This should remove any default values that may be auto added.
Cheers, Roy
Hi there,
This Grid block has a -100px left margin which should be removed.
https://www.screencast.com/t/CIDsQNV1i</a
And the difference of this space:https://www.screencast.com/t/HTjxCwAhHvx1 , if you set the Grid block's vertical alignment to be top, the difference should be gone:
https://www.screencast.com/t/uGGpCgAVQ
Let me know if you need further assistance :)
Hi Ying,
I checked a couple of other things too and obviously:
also the right-hand grid block (which was an image) impacted the overall margins and/or paddings too.
I deleted them for now, went back to a clean sheet and now it shows as I wished for.
Will have another look later to add some images properly.
Thanks for your help.
Cheers,
Roy
You are welcome Roy :)