Tagged: padding
Dear Kriesi,
How can I reduce the overall padding between columns and between the website content and the edges of the browser window? I would like to do this universally for all pages and for all column types (2 coloum, 3 column etc.) so that there is less empty space on the screen.
Please see screenshot below.
Thanks and best wishes,
Richard
Hey Richard,
Thank you for the inquiry.
The default horizontal padding of the containers is set to 50px by default. If you want to change this, you can add the following CSS code:
.container {
padding: 0px 100px;
}
The vertical padding, on the other hand, is set to 10px or based on the elements added on the page. For example, if you added a Color Section element, you can set the vertical padding by adjusting the Layout > Margin & Padding > Section Padding settings.
Best regards,
Ismael