Archived topic
Reducing container spaces
3 replies · Started by Hamid Ali on May 18, 2021
Hi,
Apparently, there should have been adjustment settings to control the spacing of each individual container but there aren't any. Can you please help me in reducing the spaces between sidebars and the content area?
Hi Hamid,
I changed the background color of your site in the developer tool to show the options better.
So for the content container, go to customizer > layout > container:
https://www.screencast.com/t/LRT0K1b6B7
For sidebar, go to customizer > layout > sidebar:
https://www.screencast.com/t/pwrk9yCX91JP
https://prnt.sc/133p6dk (We need to adjust these spaces)
https://prnt.sc/133p8hg (We need 96px on left and right. I think we can only achieve that by setting the content payout > one container. I have set the right and left margins to 96px to achieve the required spaces. But doing that made me unable to control the left and right spaces of the mid-content container.)
https://prnt.sc/133peg6 (These are the current settings of the widgets.)
Hi there,
You can adjust those spaces with some simple CSS:
.one-container.both-sidebars .site-main {
margin: 0px 96px 0px 96px;
}Just adjust the 96px as needed.
