Support » Plugin: RICG Responsive Images » Just installed plugin, but images not resizing

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Joe McGill

    (@joemcgill)

    Hi Kath,

    The plugin adds extra attributes to your images so browsers can download an appropriate image size for your site, but it doesn’t automatically make the images themselves flexible when the browser size is smaller. To accomplish that, you’ll need to add some CSS rules to your stylesheet. Something like this will probably do the trick:

    img {
        max-width: 100%;
        height: auto;
    }

    Hi Joe,

    Ok thanks for your advice. So, are those CSS rules something I’d need to add for each picture, in each post? I’m not really familiar with managing this side of the website, so it isn’t obvious to me what I need to do.

    Thanks!
    Kathleen

    Plugin Contributor Jasper de Groot

    (@jaspermdegroot)

    Hi Kathleen,

    I looked at your site and your theme already has img { max-width: 100%; height: auto; } in its CSS so there is no need to add this. The problem is that images with a caption are wrapped in a div with wp-caption which has a specific width set to it. Because this width is not limited to 100% it can be wider than the screen and because the image is only limited to 100% of this container div it can also be wider than the screen.
    So the solution is the following CSS rule:

    div.wp-caption {
        max-width: 100%;
    }

    This rule should go in a stylesheet (style.css) in a child theme. See https://codex.wordpress.org/Child_Themes for more info about this.
    I would consider this a bug in your theme so I would report it to the theme author so they can fix it in the theme stylesheet.

    Good luck!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Just installed plugin, but images not resizing’ is closed to new replies.