Blog posts are'n correctly aligned in columns

.fusion-blog-layout-grid.fusion-blog-layout-grid-3 .post {
    display: inline-block;
    float: left !important;
    position: initial !important;
    width: 50% !important;
}

that position: initial !important;, removing it appears to make them line up correctly, or at least what I am assuming to be correct. But, there is a ton of javascript targeting these divs so not 100% sure if that would be the route to take.

Hi tugbucket,

Thank you very much.

Now the empty spaces has disappeared but the content boxes still aren’t aligned (this is the result now: https://www.screencast.com/t/8Cd3reohzc6E ).

Definetly, now is better but what I want for a final result is to have these content boxes equals and aligned (like this: https://www.screencast.com/t/SVX5WajUFiI ).

I’ve increased the margin-bottom but it doesn’t help.

If you have some sugestions, I would be grateful.

Thanks again.

C. Silviu

Well you’re using some Masonry plugin and having them kind of defeats the purpose of Masonry but, I guess you could try: https://codepen.io/micahgodbolt/pen/FgqLc

You’re going to need something to make those boxes equal heights and redo it on resize. The above appears to handle it but I didn’t do any testing on it and it’s not my code.

you could also look in to what ever plugin ins you are using and see if equal heights is an option. It might already be in there.

Hi again,

For me it would be ok even if the content boxes are aligned only on the top, like here: https://www.screencast.com/t/TOcnTBXGzMk

I’m sure there is a trick on the code but I can’t find it.

Yesterday, it was a moment when the boxes was aligned but without to modify the code, the miracle was gone, with the wind ??

…