I’m experiencing an issue with how my blog articles appear on the homepage. After recent updates to Helix and SP Page Builder, the featured image of the most recent article is displaying much larger than the others. It no longer follows the image size settings configured in SP Page Builder. Could you please guide me on how to fix this?
Please see below:
https://www.awesomescreenshot.com/image/61006579?key=6a5a753647a0aeb15b3aadb13e0c9da9
Thanks.
Hi
Why its now look like this ? Did you use any extra CSS?
Thanks for accepting the answer.
Hi
Thanks for contacting us. Could you please give me your site URL and also give me that specific page link? I need to check.
-Regards.
Hello,
The display problem appears only on the home page, if you scroll down to the “Travel Updates” section, the issue becomes visible. When accessing the same content through the “Travel Updates” tab, there’s no problem.
Here is my url: www.primarytours.com.
Thanks.
Hi
You can use this CSS in your custom.css file
.sppb-addon-articles .sppb-article-img-wrap img {
width: 100%;
height: 220px !important;
object-fit: cover;
}Hello Mehtaz,
I inserted the CSS script on the SP Page Builder, Article element, Style tab. Unfortunately, the only difference it made is to widen the gap in between the images but the images placement is still the same. I tried viewing my website using other computer or laptop but it looks the same. I then tried to insert the CSS script in the site template style, Custom CSS and it still displays the same.
I hope you can help me fix this issue.
Hi
Could you please keep a full site backup and give me your super admin access? So that I can check.
Hello Mehtaz,
I have created a temporary username and password so you can access the backend.
Thank you for your continued support.
Hello Mehtaz,
I remove the CSS file you sent me. Set the limit to 5 and now home page looks similar to Travus demo. We can now close this issue.
Thank you so much for your continued support.
Regards,
Rod.
Glad to know that and you are always welcome.