[CharlielynParticipant]

Can you provide me with a CSS code to decrease the visual gap between rows in the visual composer?

Here’s the issue I’m running across: I want one row to be 1/2 + 1/2 and the next to be 1/3 + 2/3 for example. This is easy to do by creating a new row. The problem is that the visual gap between the 2 rows is too large.

Here’s what I’m talking about http://fctheatre.com/tuition

Notice how far it is from the text at the top to the “PAYMENT OPTIONS”. I want to decrease that gap in every situation to something more natural.

[RadModerator]

Hi Charlie,

Thanks for posting in.

The space is from combination of content band’s margin/padding and blockquotes margin. Check this , https://theme.co/x/member/kb/element-spacing/ and this https://theme.co/x/member/kb/css-class-index/ for the list of space helpers.

Cheers!

[CharlielynParticipant]

That sounds simple enough, but I must be doing something wrong. I found that the padding below the elements on my page is 40. I want it zero so in the field for Page settings: Body CCS Class(es), I typed “pbn” and updated. Nothing happened. http://fctheatre.com/front-page-test/

[ChristianModerator]

Hey Charlielyn,

The gaps are the top and bottom paddings of your content bands (see http://prntscr.com/5hdmqt). Please set the padding attributes of the content bands to 0 (see http://theme.co/x/demo/integrity/1/shortcodes/content-band/).

Hope that helps. 🙂

[CharlielynParticipant]

I understand what you are saying. I am aware that the padding is set to 40.
So what is the code I put in to set it to zero or 20 or 10 or to utilize a class like pbn?

And where do I put that code? I guess what I’m asking for is specifics, at least one specific option or two.

I appreciate your time.

[DarshanaModerator]

Hi there,

Please check our video walthrough on how to use the relevant options to adjust those areas (https://theme.co/x/member/kb/shortcode-walkthrough-content-band/).

Hope that’s clear.

[micheledeaneParticipant]

I watched the video above and I made sure there was no padding or margins between my rows, yet I still have a large space between my first two rows (the slider and blockquote) Please advice. This is the webpage. scotthouston4waterboard.org Thank you!

[ChristopherModerator]

Hi there,

#1 Add man pan in class field of content band.

#2 Add mbn in class field of custom headline, Delete mvs from class field.

#3 Please add the following CSS under Customize -> Custom -> CSS :

.x-flexslider .x-slides img {
margin: 0;
}
.x-flexslider-shortcode-container {
margin-bottom: 0;
}

Hope it helps.

[Author]

Posts