Homepage Blog Image Size Not Following SP Page Builder Settings
R
Roderick
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.
10 Answers
Order by
Oldest
Mehtaz Afsana Borsha
Accepted AnswerHi
Why its now look like this ? Did you use any extra CSS?
Mehtaz Afsana Borsha
Accepted AnswerHi
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.
R
Roderick
Accepted AnswerHello,
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.
Mehtaz Afsana Borsha
Accepted AnswerHi
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;
}
R
Roderick
Accepted AnswerHello 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.
Mehtaz Afsana Borsha
Accepted AnswerHi
Could you please keep a full site backup and give me your super admin access? So that I can check.
R
Roderick
Accepted AnswerHello 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.