Tagged: images not responsive
I’m using eleven40 and images inserted into a page or post are not responsive; the images won’t scale down. They are larger than smartphone screensize but when screensize gets that small the images stay the fixed size set in the image editor. I’ve tried making one or both dimensions 100% and that doesn’t work. Anyone know a trick for this, for this theme?http://www.thepubliccourt.com/robert-oblock-certification-diploma-mill/no-forensic-background-no-problem/
From a quick element inspect I noticed the caption box surrounding the images has an inline style width, e.g. style=”width: 435px;”. This is preventing the images from scaling. From within Chrome I was able to remove the inline style and the image within the caption box scaled properly.
Hope this helps.
Well I didn’t make any change to the any style having to do with the images or image editor. This is what the theme is doing out of the box.
It is the Caption that is causing this because after reading your response I removed the image Caption content and now it behaves the way I want it to. But how do I keep the caption and have it scale?
Alright thanks. I’ll see what I can find or figure out too.
I took a quick look this morning. From looking at the source code the .wp-caption elements are given an inline width of 10 + (image width), so that really cannot be changed.
Try to css rule below. I was able to get the wp-caption elements to scale after I modified the css.
Try that and let me know how it works out.
Yes Ryan that works. I had to also bring it down to max-width: 96% for @media 800px (smallscreen) because the content or wrap was overlapping the right side of the image. Not sure if that was the most appropriate value change but it works.
Thanks so much!
This worked for me too. Thanks Ryan.
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.