Responsive Single Image

gatehousewebdesign

Hi there,

All good except for images that I have added via Visual Composer Single Image are not re-sizing responsively. Can you help?

Thanks,

GWD

Albert

Hey,

if you will send us url then we'll be able to check this.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gatehousewebdesign

Thanks it's: http://gatehouse-design.com/bostonpartners/us-value-equity/
p:bostongatehouse2

Take a look at the top image of people in a meeting room. When I resize the browser the width stays fixed. When I added the image I did specify the width because the dialog said it would display at thumbnail size if I didn't.

Thanks,

GWD

Albert

Please use below css in this case:

.wpb_single_image .vc_single_image-wrapper {
    display: block;
}

Hope this will help you

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

gatehousewebdesign

Thanks! I had to add an !important to override the inline-block declaration coming in from /wp-content/plugins/js_composer/assets/css/js_composer.css?ver=4.4.2 but it worked after that. Thank you!!!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

taspan

The problem is back and the solution is to add

.wpb_single_image img {
    width: 100%;
}

Albert

Thanks for your solution @taspan

Learn more: Video Tutorials | How To | FAQ Vote on what comes next