Layout blogpost missing margin viewed in browser

Hi everybody,

Trying to find a solution on the support forum but to no avail. I’ve been working with PRO and ICON but decided to move to Integrity for the blog feature of showing tags. Somehow, the page looks great in the wordpress environment:

But as soon as I watch it in the browser there seems to be some padding or margins missing corrupting the design. Does anybody has any clue what causes this?

Hopefully somebody can help me out. Url is https://edwinvanderhoeven.nl/2019/05/ik-geef-je-iets-mee-mijn-hart-een-kompas-om-de-weg-terug-te-vinden/

thanks Edwin

FOUND IT… it was caused by a setting in my litespeed caching that allowed for a-synchronous loading. Turning this off and it looks good now.

Hello Edwin,

I can see the issue.
This is because of this CSS:

.hentry .entry-wrap{
    position: relative;
    border-top: 1px solid #dfdfdf;
    border-top: 1px solid rgba(0,0,0,0.075);
    padding: 50px 0;
}

It comes from Icon setup that reset padding because of different layout. Did you add it and just remove it? Because it’s ok right now. But earlier I can see the issue. If you didn’t remove it, it might be cache because when I reload the page using hard refresh the page looks good now.

**Edit, glad you found it. So yes it is caching.

1 Like

thanks for your help! It might have indeed had something to do with starting with a new style. But adjusting the css loading helped as well. Thanks for the quick reply… great service!

You’re most welcome! Glad we could help :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.