Image resizing in Internet Explorer

Tagged: Internet explorer

This topic has 4 replies, 2 voices, and was last updated 8 years, 9 months ago by Ianworsley.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
February 16, 2016 at 2:45 am #85524

Ianworsley
Participant

Hi, just updated my blog from Graphene theme to Adventurous.
Great theme design really impressed so far apart from an image scaling issue in Internet Explorer and to a lesser extent Edge. Images within posts scale as expected on Chrome however in IE they don’t leading to the r-h menu to disappear behind the image on lower resolution screens. In Edge the images scale reasonably well but not to the same extent as Chrome. Blog is naturalbornblogger.co.uk. Easy to replicate issue by adjusting window size on the relevant browsers.
I’ll be really grateful for any advice. Many thanks.

February 16, 2016 at 2:04 pm #85553
Mahesh
Participant
Hi @ianworsley,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.
```
#content .post img {
    width: 100%;
}
```
Let me know if this fixes your issue.

Regards,
Mahesh
February 16, 2016 at 2:28 pm #85555

Ianworsley
Participant

Hi thanks for the advice. Unfortunately the custom css hasn’t made any difference.

February 16, 2016 at 2:54 pm #85556
Mahesh
Participant
Hi @ianworsley,

There is a little issue in the Custom CSS you’ve added. The CSS you’ve added is
#content. post img {width:100%}#content. post img {width:100%}
This won’t work, it must be like the following:
```
#content .post img {
    width: 100%;
}
```
Please replace the CSS and let me know if the issue persist.

Regards,
Mahesh
February 16, 2016 at 3:07 pm #85557

Ianworsley
Participant

Thanks Mahesh. It’s worked. Keep up the good work it’s a great theme.
Author

Posts