Thanks for sharing the link – I looked at the CSS, and it appears that this problem is actually coming from JetPack’s styles. In style.css inside thet jetpack Widget module, there are image styles for JetPack like so:
/* Clear floats */
.jetpack-image-container:after {
clear: both;
}
.jetpack-image-container:before,
.jetpack-image-container:after {
display: table;
content: "";
}
These styles are forcing everything after the image container to be cleared, which is pushing the second widget below the main content.
if you override the clear: both;, this will fix the issue.
Best,
Joe
I inserted the above mentioned CSS code into the Custom CSS page – no change in the layout. See
http://mpassociate.com/about-us/
Thanks.
The code I provided was the code that’s causing the problem, not the solution – but I can see how it would be confusing!
Those styles are already being applied; what you would want to add would be:
.jetpack-image-container:after {
clear: none;
}
