[Resolved] Containers in grid show up in different sizes

[Soren]

I have a Contact Us page with employee profiles.
I just added 2 new profiles by copy/past one of the other profiles, but the 2 new profiles are showing up in different format.
The images are exaclt same dimension, the settings are the same as I copy pasted.
I cleared cache … but can’t seem to fix the uneven dimensions.

Can you point me in the right direction?
It’s the first and last of the 3 profiles in the bottom of this page.

https://staging-finepart.kinsta.cloud/contact/

[David]

Hi there,

if you select one of the good Column Container Blocks, it has an option to Duplicate that column. Can you try that instead of copy and paste ?

[Soren]

Hi David, I did use the “duplicate” function, yes … that is what I meant by copy/paste 🙂

[Soren]

I have also deleted the misaligned containers. Duplicated a good one, which then looked fine. Then changed the image and the contact info and then it’s misaligned again. So it could be an image issue, although they are all 500×500 and same format .jpg.

[Ying]

It looks like the style of the Grid is disappeared, can you go to Generateblocks > settings, and hit the regenerated CSS files button?

If that doesn’t work, try setting the CSS PRINT METHOD to inline embedding.

Let me know!

[Soren]

The “inline embedering” worked, Ying 🙂 Yeahhh.

Does that impact something else, I need to look out for?

[Ying]

Does that impact something else

The external files method is supposed to have better performance theoretically, but in reality, the differences between the two are minimal 🙂

[Soren]

Thanks a million Ying 🙂

[Ying]

My pleasure 🙂

[Author]

Posts