Support ForumSpace between columns – Support Forum

Space between columns

dickdick — Sat, 28 Jun 2014 09:24:53 +0000

Hi,

Will you please take a look: https://www.reclame010.nl/huisstijl-en-logo/
I like to create more space between colums.
What css code should I us?

Thanks

Reply To: Space between columns

IshYoBoy — Mon, 30 Jun 2014 09:45:52 +0000

Hey Dick!

Long time no hear! How are you doing? The summer is already knocking on the door, isn’t it?

Based on the columns you are using on that page the current CSS is:

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {
	margin-left: 2% !important;
}

.vc_span8 {
	width: 66% !important;
}

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {

margin-left: 2% !important;

}

.vc_span8 {

width: 66% !important;

}

You could try to change the values of the margin and width of the bigger column. Something like the following maybe:

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {
	margin-left: 4% !important;
}

.vc_span8 {
	width: 64% !important;
}

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {

margin-left: 4% !important;

}

.vc_span8 {

width: 64% !important;

}

P.S. Please apply the styles to the current page only (not “Custom CSS” in Theme Options) by using the “ CSS” button when you edit the page. Hope this does the trick!

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Space between columns

dickdick — Mon, 30 Jun 2014 10:47:54 +0000

This reply has been marked as private.

Reply To: Space between columns

IshYoBoy — Mon, 30 Jun 2014 10:55:32 +0000

Hi Dick,

Please copy the code from the forum, not the e-mail as you currently have the code wrongly:

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {
	margin-left: 6% !important;
}

.vc_span3 {
	width: 62% !important;
}

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {

margin-left: 6% !important;

}

.vc_span3 {

width: 62% !important;

}

But it should be:

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {
	margin-left: 6% !important;
}

.vc_span8 {
	width: 62% !important;
}

.vc_row-fluid [class^="vc_span"], .vc_row-fluid [class*=" vc_span"] {

margin-left: 6% !important;

}

.vc_span8 {

width: 62% !important;

}

Please notice the entity " inside your CSS code which is wrong!
Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Space between columns

dickdick — Mon, 30 Jun 2014 12:11:15 +0000

Senx. Works perfect now!

Reply To: Space between columns

IshYoBoy — Mon, 30 Jun 2014 12:52:47 +0000

Boldial works perfect anytime! ;) Cheers, mate!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market