images display wrong size

  • martinheskins

    (@martinheskins)


    7 years, 7 months ago

    Hi,
    I have a number of images on this page that all look stretched top to bottom in certain browsers (Safari, Edge) but look fine in others (Internet Explorer).
    Each image is specified as “full size” and each picture is 160×200 – but they don’t look it!
    Thanks in anticipation
    Martin

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • weblizar_support

    (@weblizar_support)

    7 years, 6 months ago

    Hello,

    We have tested your site in safari browser and the images look good.

    Thank-you

    Thread Starter martinheskins

    (@martinheskins)

    7 years, 6 months ago

    Sorry my mistake. The images look wrong in Edge. All the ones with a circle look oval.

    weblizar_support

    (@weblizar_support)

    7 years, 6 months ago

    Hi,

    Please use the below CSS code in custom CSS editor and save the changes

    .page-id-22 .enigma_blog_post_content img {
    max-width: inherit !important;
    width: 140px !important;
}

    Thanks.

    Thread Starter martinheskins

    (@martinheskins)

    7 years, 6 months ago

    Weblizar,
    Many thanks for your time on this.
    This site is my very first WordPress site so could you please tell me exactly
    how and where I insert that code please.

    I used to write my sites in html/Dreamweaver so I have knowledge – just not about WordPress!

    Thanks again
    M

    Thread Starter martinheskins

    (@martinheskins)

    7 years, 6 months ago

    Also, the image sizes are 160×200 so is the 140 in your post correct?

    M

    weblizar_support

    (@weblizar_support)

    7 years, 6 months ago

    Hi,

    For adding CSS Please go to admin dashboard -> Appearance -> customizer -> theme option -> theme general options, here you can see the custom CSS box paste the below CSS code here and save the changes.

    .page-id-22 .enigma_blog_post_content img {
    max-width: inherit !important;
    width: 140px !important;
}

    “the image sizes are 160×200 so is the 140 in your post correct?”
    Yes.

    Thanks for using weblizar’s theme.
    Let us know for more query.

    If you like our support then Don’t forget to rank and review us link

    Thanks.

    Thread Starter martinheskins

    (@martinheskins)

    7 years, 6 months ago

    Hi,
    Thanks for the instructions – easy to follow.
    Unfortunately it didn’t work though. Using Edge to view the page images squeezed.
    Interestingly, when using Edge when editing they look correct.

    Weird.

    weblizar_support

    (@weblizar_support)

    7 years, 6 months ago

    Hello

    Please describe your issue with a screenshot.

    Thanks.

    Thread Starter martinheskins

    (@martinheskins)

    7 years, 6 months ago

    http://www.theheskins.eclipse.co.uk/files/Image21.jpg

    • This reply was modified 7 years, 6 months ago by martinheskins.
    weblizar_support

    (@weblizar_support)

    7 years, 6 months ago

    Hi,

    Please go to admin dashboard -> Appearance -> customizer -> theme option -> theme general options, here you can see the custom CSS box paste the below CSS code here and save the changes.

    .page-id-22 .enigma_blog_post_content img {
    max-width: inherit !important;
    width: 140px !important;
}

    You can change the width as per requirement.
    This will solve your issue.

    Thank-you.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘images display wrong size’ is closed to new replies.