I am looking for a way to remove the padding between the columns. each column has a different background color that need to touch each other with no gap. I have can adjust the bottom margin to 0 in the settings menu but cant’ seem to find a way to adjust the side margins. Please help.
Adjust side margins between columns
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Christopher,
Please try adding this to your custom CSS
#pg-2-1 { margin-left: 0px; margin-right: 0px; } #pgc-2-1 .panel-grid-cell { padding-left: 0px; padding-right: 0px; }You should note that this approach only works on the panel section for this specific page. To use on other pages you would need to use your browser developer console to inspect the element and get the grid id from there. Then create a new rule for each panel row.
Hope this helps
Magus
Hi Christopher
@Magus has guided you on how to make the changes. Try that out and let me know if it works out for you
To get to the custom css section navigate via Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the code provided.
@Magus much appreciated on this
Thank you Magus for the quick response to my question. I tried what you had suggested but didn’t get the desired result. I did though look at the source code and found what needed to be modified , copied and pasted that into the Custom CSS section that Addo had directed me to and changed the parameters from 7.5 to 0 and got the result I was looking for. Thank you both for the help. Much appreciated.
This was the original:
#pg-2-1 .panel-grid-cell { padding-left:7.5px;padding-right:7.5px }This is what I changed it to:
#pg-2-1 { margin-left:0px;margin-right:0px } #pg-2-1 .panel-grid-cell { padding-left:0px;padding-right:0px }Hi Christopher
Am glad you are making progress in developing your site :-)
Always feel free to open a new thread whenever you require support
Cheers