Docs

[ielorie]

I have a row/content band where I have 2 separate columns. I changed the background color of the right column but there is a bit of padding/margin that I’d like to remove, but can’t. I have margin-bottom and padding-bottom both set to 0. Here is a screen shot of the image, circled the padding I’m trying to get rid of.

Here is my code:

[vc_row inner_container=”true” no_margin=”true” padding_top=”0″ padding_bottom=”0″ border=”none” bg_color=”#ffffff”][visibility type=”hidden-phone” class=”mtn”][vc_column width=”1/2″][text_output]

Quality: this should disappear on a phone

text….[/text_output][/vc_column][/visibility][vc_column width=”1/2″ fade_animation=”in” fade_animation_offset=”45px” style=”background-color: #8dc63f;” class=”mbn”][image type=”none” float=”none” info=”none” info_place=”top” info_trigger=”hover” src=”7143″ style=”align: center; margin: 0 auto; display: block;” class=”mtl, pbn”][/vc_column][/vc_row][vc_row inner_container=”true” padding_top=”0px” padding_bottom=”0px” border=”none”][vc_column width=”1/1″][visibility type=”visible-phone”][text_output]

Quality: this should appear on a phone ONLY

text…[/text_output][/visibility][/vc_column][/vc_row]

[Zeshan]

Hi Ielorie,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

Thanks!

[ielorie]

This reply has been marked as private.

[John Ezra]

Hi There!

I don’t see a white space below the white check mark with green box. I do see one below content band 7 (two bands below).

See screenshot : http://prntscr.com/5civ1o (also don’t mind the doubling of image on the screenshot it happens when you have a parallax backround and do a full page screen cap)

To remove it you need to just remove content band 8 from your VC or short codes.

If you are not able to then you can use CSS to hide it.
You can add this under Custom > CSS in the Customizer.

div#x-content-band-8 {
display: none;
}

Hope this helps!

[ielorie]

That did help, thank you! I have a follow up question regarding the same issue on a tablet. I have the background color of the column set to that green (#8dc63f). When I size the screen to a tablet the image stays at the top of the row, but the green doesn’t go all the way to the bottom of the row. Is there some css that will enable the green to always fill the height of the row but just the half of that column? I’m ok with the green going to full screen width on the right too.

[Nabeel A]

Hi again,

Glad it worked. For the green background, add the following CSS code via Appearance > Customize > Custom > CSS:

@media screen and (max-width: 1300px){
#x-content-band-4 div.x-column.vc.mbn.one-half {
min-height: 410px !important;
}
}

@media screen and (max-width: 950px){
#x-content-band-4 div.x-column.vc.mbn.one-half {
min-height: 475px !important;
}
}

Let us know how this goes!

[ielorie]

That fixed it! 🙂
Thank you!

[Friech]

Glad we could help, cheers.

[Author]

Posts