Hi @mikael2455,
Thanks for getting in touch with us.
I have tried on my installation and it is working fine, here is the reference video: https://d.pr/v/VPBn5R
Please let me know the missing step so that I can replicate the issue.
Looking forward to hearing from you.
Have a nice day!
Thanks for the reply, I tried again elswhere on the site and it works fine.
It’s only on this instance, maybe it’s because it is in a two column container? Within another nested container? Could you try that?
Also if you refresh the page, you can see that the post grid display full width initially but the white bars get added around 500 ms after. Could that be a hint as to what causes the issue?
Hello @mikael2455
Temporarily try this CSS:
.uagb-post__image {
width: 100%!important;
margin-left: 0!important;
}
Hi @mikael2455,
Can you please check by clearing all the caches and also if you are using any cache plugin, please disable it just for the testing purpose.
Please try and let me know how it goes.
Have a nice day!
@mohsinbsf I cleared the browser cache and I don’t have any caching plugin on the site. This didn’t make any difference.
@babiskalogirou this works somewhat but it enlarges the post images everywhere on the page. I just want to full width the post’s images in the column on the right.
Go to the specific container, then Advanced > More, and add a CSS class (let’s say right-post-grid). Afterwards use the updated code:
.right-post-grid .uagb-post__image {
width: 100%!important;
margin-left: 0!important;
}
@babiskalogirou wow you’re good, it works! thanks man.
It’s weird that it behaved that way on this specific place, and I haven’t been able to figure out why. But this trick worked so it’s all good.
