Return to previous page

Adjusting info box margin top within stretched background

This topic has 9 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Eva Kemp

Jimbo

Participant

March 29, 2015 at 13:42

Hi,

I have a row on my page which is split into 1/3 1/3 1/3

I then add a background colour through the general settings to have a stretched fullwidth background, I am struggling to ajust the margin top of the info boxs, they are right at the top of background colour, I would like at least 30px margin top.

Please see web link in private, the issue on the home page under the navigation.

image attached

Please, contact administrator
for this information.

#53060 Copied

8 Answers
Eva Kemp

Support staff

March 30, 2015 at 12:03
Hello,

Please add this code in custom.css file:
```
.vc_custom_1427633848998 {
    padding-top: 30px !important;
}
```
Thank you.
Regards,
Eva Kemp.
#53136 Copied
Jimbo

Participant

March 30, 2015 at 16:41

Eva,

Thanks I will try that code, however I think I managed to do it by using the general settings via visual composer.

However I could not reduce background margin at the bottom, can I use and adjust the code to reduce the margin at the bottom?

Also quickly to ask, my footer columns when browsing on the iPhone are a little close together, what is the best way of adding a margin of approx 20px before the next column below?

#53260 Copied
Eva Kemp

Support staff

March 30, 2015 at 17:43
Hello,

Concerning the footer try to use this code:
```
.main-footer-3 .vc_col-sm-3 {
    margin-bottom: 30px !important;
}
```
Try to change margin values in the row settings where you’d like to reduce the space.

Thank you.
Regards,
Eva Kemp.
#53289 Copied
Jimbo

Participant

March 30, 2015 at 18:54

Eva,

Thanks for this regarding the footer column margins.

With regards to the stretch row background I tried adjusting the background color margin / padding and nothing reduces this?

#53342 Copied

Jimbo

Participant

March 30, 2015 at 20:00

Footer column css code worked perfect Eva 🙂

#53366 Copied

Eva Kemp

Support staff

March 31, 2015 at 09:49

Hello,

I’ve added this code in CSS block of Visual Composer editor:
http://storage1.static.itmages.com/i/15/0331/s_1427791681_8726473_781240ab65.png
and the space is reduced a little. Please check.

Regards,
Eva Kemp.

#53477 Copied

Jimbo

Participant

March 31, 2015 at 10:46

Eva,

that looks much better and the top and bottom margins look more equal.

Thanks, this topic can be marked as resolved.

#53503 Copied

Eva Kemp

Support staff

March 31, 2015 at 13:29

Hello,

You’re welcome.

Regards,
Eva Kemp.

#53567 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘adjusting info box margin top within stretched background’' has been successfully resolved, and the topic is now closed for further responses

Adjusting info box margin top within stretched background

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection