Return to previous page

Some advice onhow to get rid of column margin in only one page

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

Floppy78

Participant

March 13, 2015 at 13:42

Good morning!
I’m trying to eliminate the standard margin (about 30px) of columns in a specific page to obtain a layout without spaces between images.
I’m using interactive banner 2 for single boxes (because of the style and the hover effects) and setted every margin and padding of rows and columns to 0 in “design options” of VC to override standard ones. But it doesn’t work for bottom margins. Any suggestion on how to solve the issue or obtain the same effect with existing tool?
Thanks a lot!!
–
Flora

Please, contact administrator
for this information.

#49368 Copied Theme version: 1.3

8 Answers
Robert Hall

Support staff

March 13, 2015 at 14:23
Hello,

Please add this code in custom.css file
```
.page .page-heading,
.page .ult-new-ib{
margin-bottom: 0px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#49387 Copied
Floppy78

Participant

March 13, 2015 at 16:16

Thank you for the quick response. I was referring to the space between the first two interactive banner and the second one..I’m attaching an image for more clarity.

Thanks a lot!
—
F.

#49429 Copied

Brian Johnson

Member

March 13, 2015 at 16:26

You may override it with custom.css code :
.wpb_column>.wpb_wrapper .ult-new-ib{margin-bottom:0!important}
However the straight way is to set them manualy from VC as you told us before.Please provide us with Wp-admin credentials to check the issue.

With best regards
Brian Johnson

#49431 Copied

Floppy78

Participant

March 13, 2015 at 16:34

Ok, of course I would prefer to use VC just to have control on this only in desired pages..:)
I really appreciate your help!
These are the admin credentials:

Please, contact administrator
for this information.

#49435 Copied

Eva Kemp

Support staff

March 13, 2015 at 17:58

Hello,

I’ve added the code in CSS block of Visual Composer editor:
http://storage2.static.itmages.com/i/15/0313/h_1426265807_8897182_082a76f88c.png

Please check the banners now.

Thank you.
Regards,
Eva Kemp.

#49473 Copied

Brian Johnson

Member

March 13, 2015 at 18:00

Yes. Your solution to add extra class was right as there are no options for margin within banner element. I have added following code into the style.css within child theme:
.marginzero {margin-bottom:0px !important;}

With best regards
Brian Johnson

#49474 Copied

Floppy78

Participant

March 13, 2015 at 18:22

Thank you all! Now it’s perfectly working..I missed the “!important” directive putting in the css of child theme my extra class.
Absolutely grateful for your help and the beautiful work you made with this theme!
Ragards,
Flora

#49487 Copied

Eva Kemp

Support staff

March 13, 2015 at 19:47

Hello,

You’re welcome.

Regards,
Eva Kemp.

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

The issue related to '‘Some advice onhow to get rid of column margin in only one page’' has been successfully resolved, and the topic is now closed for further responses

Some advice onhow to get rid of column margin in only one page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection