Widgets in Sidebar

  • Can’t figure out why the widgets in the sidebar do not stack one over the other. One stacks at the top of the sidebar, the second at the bottom with a big gap between.

    Suggestions?

    ~j

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jebswebs

    (@jebswebs)

    PS the website is

    https://mpassociate.com/

    Theme Author Joe Dolson

    (@joedolson)

    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

    Thread Starter jebswebs

    (@jebswebs)

    I inserted the above mentioned CSS code into the Custom CSS page – no change in the layout. See

    https://mpassociate.com/about-us/

    Thanks.

    Theme Author Joe Dolson

    (@joedolson)

    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;
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Widgets in Sidebar’ is closed to new replies.