Image Resizing

This support request was posted in Bref by magichmmm

Request ID #2912 Resolved
  • Hi Juan,

    Sorry, I didn’t see this reply. I have just emailed you. I think I do understand. The code has set up a class that every time I insert an image from ‘add media’ I add that class to the image under advanced settings and that applies that class to that image.

    Is this correct?

    Simon

    Hi Simon,

    Thanks, yes you understand. I’ve been through your site and you done it right.

    Please clear your browser cache to see it right in your browser.

    Best,
    Juan.

    Hi Juan,

    Tried that and still same problem. Have emailed you, but the problem disappears when I reduce the size of the browser window – it suddenly works which seems most odd.

    best wishes,
    Simon

    Hi Simon,

    The thing here is that the CSS is applied for resolutions under 1024px.

    If you want the responsiveimage to always take the 100% width you’ll need to do it this way:

    .responsiveimage{ width: 100%; height: auto; }
    

    instead of

    @media screen and (max-width: 1024px) {
     .responsiveimage{ width: 100%; height: auto; }
    }
    

    The thing with this is that the responsive image will always take the 100% of the element that is containing the image.

    Best,
    Juan.

    Hi Juan,

    Bingo! that’s done it – thank you so much for your help on this.

    Your response to both my queries has been exemplary both in patience and in the amount of time given.

    best wishes,

    Simon

    Hi Simon,

    Excellent 🙂

    Thanks for your kind words.

    Happy new year,
    Juan.

Viewing 6 posts - 16 through 21 (of 21 total)

This topic is marked as resolved

Only the topic author can re-open this thread.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server