[mostraParticipant]

hi. I want to change the space between columns and at the same time make the columns wider adapting to the width of the page. I want to have four columns with 2 pixels of space between them, but the 4 columns had to be wider, the space they occupy as wide as the header. How do you do that in Visual composer, I’ve spent the last 4 hrs trying and I still can’t. Please help!

[ChristopherModerator]

Hi there,

You can change setting for “Site Max Width” , “site width” and “Content Width ” in Customizer to make full width content.

Hope it helps.

[mostraParticipant]

Sorry. That’s not what I meant. I already did that.

Here it goes again:
I have four columns and right now the columns have a fixed width and there is a lot of space between them. What I want is to reduce the space between them to something like 2px and I want that each really is 25% of the whole width of the site.

If it helps just look at the Demo for Integrity 1, scroll down to the section that says “unlimited layouts”. There you have 3 columns with fixed width and a lot of space between them. What I want is that the space between them is almost nothing and that they adapt to the width of the site, I want that the width of each really is a third of the screen.

I hope I explained myself better now, I’d appreciate very much if you coul dhelp with this. It’s really driving me nuts, so frustrating.

[ZeshanMember]

Hi Mostra,

Thank you for writing in!

To reduce the gap in between the the four columns, please add the following CSS code under Custom > CSS in the Customizer:

.x-column.one-fourth {
   width: 24.87%;
   margin-left: 0.13%;
}

Hope this helps. 🙂

Thank you.

[Author]

Posts