[Resolved] Sidebar boxing not working well

[Vladimir]

Hi,

I would like to show in a sidebar four images of albums from Google photos. For that I use a Photonic plugin. I implement it by inserting a text widget and then putting in a plugin short-code. Unfortunately, the images do not stay within the sidebar container box.

I can theoretically set the Content Layout to be ‘One container’, but for visual reasons I would prefer to have containers separated.

Here is my website: http://www.skmbrussels.be.

Thank in advance for your ideas how to go about this issue.

Best regards,

Vladimir

[Tom]

Ah, they aren’t clearing their floats.

Try this CSS:

.widget .photonic-stream:after {
    clear: both;
    content: "";
    display: table;
}

[Vladimir]

Hi Tom,

I am not sure I 100% understand this piece of CSS, but it did the trick. Many thanks!

Vladimir

[Tom]

No problem!

It basically adds a solid element after the gallery, so it clears the floating elements.

[Author]

Posts