Css - Wordpress help

Jon Imms
Jon Imms used Ask the Experts™
on
hey there,  I have a page where I am using flip box elements on the page.  Using Visual Composer, columns, then flip box inside.
What I cannot seem to figure out is, how to give some bottom padding to the elements.  elements are overlapping the rows below. how can I get it so that, however big /long the text is, it will always push the below elements/rows down so they are not overlapping.

here is the page https://simmplylove.com/our-story/
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
maybe
vc_column-inner:after{
 content:'';
 clear:both;
 display:block;
}
One of those containing div's can use the "clearfix" method?
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
The problem is caused by a style on the innermost element setting the height to 200px. As the screen gets narrower the text is forced into a smaller space and overlaps the boundary of the container.

This seems to fix it
.vc-ihe-panel {
	height: unset !important;
}

Open in new window

But I am not sure what side-effects this might have for the rest of the site - so you might need to refine the above bit to target the elements you are interested in.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial