Docs

[M R]

Hello. I’ve got a weird padding issue when I use an inline convertplug model via a short code within my visual composer. I’ve made sure I’ve got all paddings and margins set to 0, but this white strip still appears. Any idea how I can get rid of it? There is some space at the bottom, but since it is reading the background of the content container I’m not terribly concerned about it.. The white strip above it, however, I need to go away. I’ve checked the padding on the element above it as well, and it’s def not that.

[M R]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-tab-content {
    margin-bottom: 0;
}

Hope that helps.

[M R]

That fixed it! Thank you so much!

[M R]

Actually that fixed it on desktop. On mobile it looks a little crazy. See attached

[Rahul]

Hey There,

Try this custom CSS :

@media (max-width: 768px)
.cp-desc-container, .cp-sec-title-container, .cp-title-container {
    margin: 0px 0 95px;
}

Hope that helps.

[M R]

it worked when I resize my browser, but not on my phone.

Just as a clarification, there should be a bracket after @media (max-width: 768px) right?

@media (max-width: 768px) { 
.cp-desc-container, .cp-sec-title-container, .cp-title-container {
    margin: 0px 0 95px;
}
} 

I’ve tried it both with and without, neither way works though. Literally this is the only section of the site for mobile that’s giving me problems. I’m sure it’s something simple and stupid, but I’m clearly code stupid at this point.

[Friech]

Hi There,

To remove that white space below the image, add this on your custom CSS

@media (max-width:  767px) {
	.page-id-13183 #x-content-band-4 .x-tab-content {
		min-height: 0 !important;
	}
}

Yes, make sure you enclosed all @media query with close and open brackets.

Hope it helps, Cheers!

[M R]

I wish I could say that worked, but it didn’t. This is frustrating me to no end. It’s showing up on mobile safari, mobile chrome… and I went and installed mobile firefox just to see if maybe it was a cache that was holding, but no such luck. It’s still a huge white gap, and the container below it (convertplug) still has a massive gap before it gets to the content.

[Paul R]

Hi,

You can try this code instead.

.page-id-13183 #x-content-band-4 .x-tab-content {
		min-height: 0 !important;
	}

If that doesn’t help, please provide us your wordpress admin login in private reply.

Thanks

[M R]

ahh i got it, it was page id 13383 not 13183 my bad for not noticing. That worked. Thank you

[Paul R]

You’re welcome! 🙂

[M R]

Real quick since I’m here. When you guys updated the customizer for custom css and javascript. The background color you placed it on is HORRIBLY hard to read. It’s pretty, but it’s not functional for many of us who do not have 20/20 vision or consistently suffer from eye strain. It’s not pleasant to use.

[Joao]

Hi M R

I will pass your feedback on to our developers .

For the moment I recommend you using a text editor and pasting on Customizer, I know it is not Ideal but it is better than forcing your eyes.

Thanks for understanding.

Joao

[Author]

Posts