Return to previous page

Custom space between columns in a row - by nikos

This topic has 11 replies, 4 voices, and was last updated 10 years, 9 months ago ago by Eva Kemp

nikos

Participant

March 4, 2015 at 17:51

Hi,
I would like to create one row that will contain two columns and the distance space among the two columns to be a custom number of pixels e.g. 40.
Is that possible?

Thanks,
Nikos

#47361 Copied Theme version: Legenda ver 2.6 WooCommerce version: 2.3.5

10 Answers

Robert Hall

Participant

March 4, 2015 at 18:09

Hello,

You can create a row via Visual Composer plugin. Then select 1/2 1/2 layout. See screenshot: http://prntscr.com/6cn7pr

Regards,
Robert Hall.

#47365 Copied

nikos

Participant

March 4, 2015 at 21:17

Thanks for the reply,
Basically I would like to know if it is possible to set a custom distance (e.g. 40 pixels) between the two columns.

#47418 Copied

Stan Russell

Participant

March 5, 2015 at 16:17

Hello,

please provide us with admin credentials for your site.
In addition, would you kindly give us a link to page that has two column content? It will be very helpful.

Regards,
Stan Russell.

#47639 Copied

nikos

Participant

March 5, 2015 at 17:51

Thanks a lot for the reply,
check the private content for more details.

Please, contact administrator
for this information.

#47662 Copied Theme version: Legenda ver 2.6 WooCommerce version: 2.3.5

Eva Kemp

Participant

March 5, 2015 at 20:23

Hello,

I’ve added margin value for the slider in the row settings where the slider is added. Please check.
Just to clarify, do you wish to add 40px of the distance between banners or between banners block and slider?

Thank you.
Regards,
Eva Kemp.

#47692 Copied

nikos

Participant

March 6, 2015 at 12:08

Thanks for this Eva,
I would like:
1) the slider to have a distance of 40 px from the header’s menu bottom line
1) banners block to have a distance of 40px from slider
2) the distance among the two banners in the same row to be 40px from each other.

And something more, is it possible to reduce the total vertical size/distance of the header. Basically I would like to reduce the vertical white space and make the whole header more narrow.

The black lines on the following image indicate the distance i would like to reduce in half of the size that it is now. (http://s27.postimg.org/dwg5mmzir/header.jpg)

Thanks again for your help,
you are great.

#47823 Copied
Eva Kemp

Participant

March 6, 2015 at 17:31
Hello,

1. I’ve added margin value for the slider in the row settings where the slider is added.
2. The distance value has been set.
3. Please add this code in custom.css file:

.banner.align-left.valign-top.banner-font-.hover-zoom { padding-right: 20px; } .banner.a-right.align-left.valign-middle.banner-font-light.hover-zoom { padding-left: 20px; }

Thank you.
Regards,
Eva Kemp.
#47989 Copied
nikos

Participant

March 7, 2015 at 18:51

Thanks Eva,
excellent work.

What about the additional request that I have? (Should I create a new ticket for that?)

I would like to reduce the empty vertical space on header type 3 and make the whole header more “narrow”.
The black lines on the following image indicate the distance i would like to reduce in half of the size of that it is now. (http://s27.postimg.org/dwg5mmzir/header.jpg)

Thanks again for your help,
you are great.

#48128 Copied

nikos

Participant

March 7, 2015 at 18:55

Well I just found a way to do it…
I added the following code:

.header-type-3 .menu-wrapper {
margin-top: -30px !important;
}

.header-type-3 .menu-wrapper {
margin-bottom: -30px !important;
}

Again thanks for your help.
You can close this ticket.

#48129 Copied

Eva Kemp

Participant

March 7, 2015 at 19:34

Hello,

We’re glad you’ve solved the problem.

If there are any questions feel free to contact us.

Regards,
Eva Kemp.

#48144 Copied
Viewing 11 results - 1 through 11 (of 11 total)