[Victoria SParticipant]

Hi (again)!

Is there a way to control the size of the gap/spacing between columns?

https://www.dropbox.com/s/xj7y2xtwd31l8zm/Screenshot%202014-06-04%2020.41.19.png?m=

I’d want it to be smaller so that the images can be larger.

Unfortunately the page is still local so I cant give you the url, but the html looks like this if that helps:

[vc_row no_margin=”true” padding_top=”65px” padding_bottom=”65px” border=”none” inner_container=”true”][vc_column width=”1/4″][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6753″ lightbox_caption=”Här har kunden valt en ramlucka lackerad i NCS 4005-G20Y med mässingsbeslag. Bänkskivan är i 30mm valnöt, blandare från Tapwell och ho från Franke.”][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6750″ lightbox_caption=”Här har kunden valt en slät lucka lackerad i NCS 4005-G20Y med mässingsbeslag.”][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6753″ lightbox_caption=”Här har kunden valt en ramlucka lackerad i NCS 4005-G20Y med mässingsbeslag. Bänkskivan är i 30mm valnöt, blandare från Tapwell och ho från Franke.”][/vc_column][vc_column width=”1/4″][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6753″ lightbox_caption=”Här har kunden valt en ramlucka lackerad i NCS 4005-G20Y med mässingsbeslag. Bänkskivan är i 30mm valnöt, blandare från Tapwell och ho från Franke.”][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6750″ lightbox_caption=”Här har kunden valt en slät lucka lackerad i NCS 4005-G20Y med mässingsbeslag.”][/vc_column][vc_column width=”1/4″][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6750″ lightbox_caption=”Här har kunden valt en slät lucka lackerad i NCS 4005-G20Y med mässingsbeslag.”][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6753″ lightbox_caption=”Här har kunden valt en ramlucka lackerad i NCS 4005-G20Y med mässingsbeslag. Bänkskivan är i 30mm valnöt, blandare från Tapwell och ho från Franke.”][/vc_column][vc_column width=”1/4″][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6752″ lightbox_caption=”Här har kunden valt en ramlucka lackerad i NCS 4005-G20Y med träbeslag. Spis och fläkt från Smeg.”][image type=”none” float=”none” link=”true” info=”none” info_place=”top” info_trigger=”hover” src=”6750″ lightbox_caption=”Här har kunden valt en slät lucka lackerad i NCS 4005-G20Y med mässingsbeslag.”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][lightbox selector=”.x-img-link” opacity=”0.75″ prev_scale=”0.85″ prev_opacity=”1″ next_scale=”0.85″ next_opacity=”1″ orientation=”horizontal”][/vc_column][/vc_row]

Thank you!

[ChristianModerator]

Hey Victoria,

It is possible. Place the code below in your Visual Composer’s <> CSS.

.x-column.one-fourth {
width: 23.5%;
}
.x-column {
margin-right: 2%;
}

Adjust the width and the margin-right values as per your needs. If you you decrease the margin your should increase the width or otherwise.

Hope that helps. 🙂

[Victoria SParticipant]

It did! 🙂 Thank you!!

[RadModerator]

You’re welcome Victoria!

[Mike YParticipant]

I tried this and it didn’t work well when you tested the responsiveness… Instead of stacking with 50% (for two) and 100% when it was two small for two as you made it smaller, they end up stacking on top of each other and only utilizing 25% of the left hand space…

Is there a way to make it do what the demos section on the main page at http://theme.co/x ?

Thanks!

[ChristianModerator]

Hey Mike,

Our demos utilize the Visibility shortcode or element so the layout for mobile is different than the tablet and desktop. For more details about the Visibility element, please see http://theme.co/x/member/kb/shortcode-walkthrough-visibility/ and http://theme.co/x/demo/integrity/1/shortcodes/responsive-visibility/.

Hope that helps. 🙂

[Mike YParticipant]

Awesome. I hadn’t even checked out those short codes but those are really great tools. Thanks!

– mike

[ChristianModerator]

You’re welcome Mike.

[Victoria SParticipant]

Hi again!

After updating to the latest theme version something strange happened to my gallery, the code above worked great before, but now for some reason it doesn’t cover the whole width of the site as all other pages do. The margin on the right gets too wide. Any ideas what has happened?

the address is http://jarfallakok.se/?page_id=6660

Thanks!

[NicoModerator]

Hi There,

Instead of using .x-column.one-fourth user .x-column.x-1-4

Hope it helps.

Cheers!

[Victoria SParticipant]

You’re the best, and supersuper fast 🙂

Thank youuuu!

[Rue NelModerator]

By all means 😉

We’re happy to help.

[Author]

Posts