-
-
Hi there,
I can’t get rid of the default padding / margin between rows in Visual composer / Row settings / Design options. Setting padding to 0 does nothing. There seems to be about 85px margin between rows. The default is too much and I’d like to change it on row by row basis.
How am i supposed to do this? Thank you!
-
Hello,
You have set padding in row settings, to 60 and 45 px (screenshot). Please change that to 0, save file and refresh. If you need to decrease it further, than use css. Add these lines into your custom css box:
.wpb_row { padding-top: 0px !important; padding-bottom: 0px !important; } .wpb_row.section-style, .wpb_row.standard_section { margin-bottom: 0px; }
Best regards!
-
-
Please give a working solution to this.
I can’t add a row with background color at the top / bottom of the page because there is irritating 85px default padding (which results white space between row with background color and footer for example).
I can’t perfect the spacing between rows because the default row bottom margin.
I’ve lost so much time trying to figure out how to do this basic stuff.
There are visual composer top & bottom padding settings for row but they just add more padding – no way to get rid of the default padding / margin.
-
Also,
“empty space” element doesn’t work always. Sometimes it works but when I tried to insert it in a two column row nested inside a row, it didn’t do anything. Please help!
-
Hello,
Please use this css code:
#content { padding-top: 0px !important; padding-bottom: 0px !important; }
Or tell me how you want the padding, on which pages and I will do them (if you can give me your site credentials).
Best regards!
-
I figured out a way to handle this.
Whenever I need to have zero padding in top / bottom of the page, I add your CSS to the visual composer / Page Settings.
Whenever I need to zero the default 85px row bottom margin I add a CSS class .mb0 to the Row Settings / Extra Class Name.
I created a custom CSS class
mb0 {
margin-bottom: 0;important
}
If somebody else has similar problems, this solution seems to work. However I suggest you add a margin bottom setting to the row settings so that users don’t have to mess with this kind of rigid positioning of rows. I have worked with other themes that have that setting in place and it makes it a lot easier to position rows vertically exactly as I like.
-
Oops,
mb0 {
margin-bottom: 0!important;
}- This reply was modified 9 years, 8 months ago by Most spectacular.
-
Can you please help me?
The design options in visual composer don’t work at all. I do not only have problems with the space between rows. I’m also not able to give my text a padding, background color or image etc.
It seems that there is somewhere a code that overwrites the visual composer settings?
-
Hello,
@nico_draaisma,
What version of the theme do you have? Did you made any updates recently? Did you installed any third party plugins? If you send us your wp credentials in a private reply, we can check it.best regards!
-
-
Hello,
@nico_draaisma, Sorry for the late reply.
You have an outdated Visual Composer. Please update plugin and let us know if the issue persists.Best regards!
-
You must be logged in to reply to this topic.