Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1020041

    Hi there,
    I am trying to achieve a consistent margin of 10px around all the columns up and down. Currently the space in between the columns is too big.. Could I get some advise please?
    I tried several codes you gave for this problem in the forum, but none of them works.

    This is one page where the gap between left & right column is far too big:

    Thanks for your help!


    Hey Susanne,
    I tried to look at your page, but I received a message that it was “under construction.” I believe we will need to login to see your page. Please advise.

    Best regards,


    Hi Mike,
    sorry – my fault!
    Below are the login details.


    Thank you for the login, I have made the adjustments but you may need to clear your browser cache to see them.
    To make this change I turned on your custom class fields in your elements by going to Enfold Theme Options > Layout Builder > Show element options for developers, then I added the two classes “custom-right-column” & “custom-left-column”
    then I added this code in the General Styling > Quick CSS field:

    /*custom column width - bucharest*/ .custom-right-column {
    margin-left: 0px !important;
    width: 67% !important;
    } .custom-left-column {
    width: 30% !important;

    The columns are very close together now, if they are too close, please adjust the “margin-left: 0px” to perhaps “5px” or more.
    This solution will only effect the one page, please let use know if you want it to effect other pages.

    Best regards,


    This is just wonderful, Mike – you are a star! Thank you,

    The topic can be closed now.



    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Decrease space between columns’ is closed to new replies.