1. stulainestudios
  2. Rhino
  3. Tuesday, 07 May 2019
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
Responses (4)
Accepted Answer Pending Moderation
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
  1. more than a month ago
  2. Rhino
  3. # 1
Accepted Answer Pending Moderation
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
  1. more than a month ago
  2. Rhino
  3. # 2
Accepted Answer Pending Moderation
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;
}
  1. more than a month ago
  2. Rhino
  3. # 3
Accepted Answer Pending Moderation
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
  1. more than a month ago
  2. Rhino
  3. # 4


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.