Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #216610


    I have read several replies to how to change padding between specific elements while using the Layout Builder. I too am using this on my homepage and there is a lot of unneeded space between elements.

    I know there are ways to change specific padding between certain elements but I am wondering if there is a way to change the padding for all these elements. Or do I need to adjust padding for specific elements.

    Here is my page to take a look:

    Thanks for you help!


    Hi jfannthemusicman!

    You can change the content padding using this on Quick CSS:

    .content, .sidebar {
    padding-top: 10px;
    padding-bottom: 10px;

    Best regards,


    Hello Ismael,

    The code works, but for top and bottom margins. How to reduce space / padding in left and right also.
    I am using three 1/3 elements in a row, but there is such a huge gap in between all these. I tried using padding-left and padding-right in addition to above code, but it didn’t work.
    I think it’s not padding which is taking extra space. Can you please share the code to minimize that gap.




    Please add following code to Quick CSS as well

    div .av_one_third {
    margin-left: 3%;
    width: 31.333333%;


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.