Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Articles Image Scaling

Featured Lock Resolved Issue
Hello,

Probably a simple fix but would have expected it to work with the template. Our blog article to images are not scaling properly. I see the image properties are
max-width: 100%;
display:block;
height: auto;

But the expected result does not seem to be correct. See page below. Please advise. Thanks


https://playroterra.com/blog/9-puzzle-game-news/3-appstore-game-of-day-puzzle

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. You need to use larger image there or you can use this css into your custom css to solve this.

article .full-image img {
width: 100%;
}


Here is the custom css filed https://prnt.sc/ijudw8

-Best Regards

stulainestudios

More than a month ago #Permalink
We had tried that and got the same issue with the image getting the top chopped off. I added your css so you can see the result.

You can see what the image is supposed to look like on this page where it does render/display correctly.

https://playroterra.com/blog

stulainestudios

More than a month ago #Permalink
We actually just found the solution but I am not sure why this setting exists.

The #sp-main-body padding is set to 100px cropping off the top. We added the following customer code to resolve but if this is not the best solution please advise.

#sp-main-body {
padding: 300px 0;
}

Sifat - Staff

More than a month ago #Permalink
Yes i've checked your site and it's working fine. But there is some improvement tips.
Please check this screencast https://files.fm/u/ppjxq8xp
Here is the css


article .full-image img {
width: 100% !important;
}


-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 133
Sifat

Sifat

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 52
Pavel

Pavel

Total Accepted Answers: 6
Sohan

Sohan

Total Accepted Answers: 5

114

Templates

293029

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us