Padding between columns

Support
#1

Hi Guys,

Can I reopen this ticket please? https://theme.co/apex/forum/t/padding-between-marginless-columns/15027

Basically, could you help me ensure the JS code is correct? The boxes I want to control I have given them an id of box, but could you help me figure out how to configure the code to work on my site? I only want it to effect the coloured boxes with text in them.

I don’t know JS at all, sorry in totally uncharted waters!

#2

Hi there,

What you are trying to add is 20px space between the red and gray box right?

If so, instead of adding an ID, try adding a class to the red and gray column.

Once you have added the class, please add this code in the custom CSS (assuming that the classes you added are red-box and gray-box):

.red-box:after,
.gray-box:before {
    content: "";
    width: 10px;
    height: 100%;
    display: block;
    position: absolute;    
    background-color: #fff;
}

.red-box:after {
    top: 0;
    right: 0;
}

.gray-box:before {
    top: 0;
    left: 0;
}

Hope this helps.

#3

Hi Jade,

I can’t thank you enough, that problem has been plaguing me from day 1!! Thank you so much, you guys are simply awesome with support, it’s why I keep coming back time and time again.

#4

Thanks for the kind compliments :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.