Page Header Images Blurry and Zoomed In Oddly

  • Resolved nicoleprovost

    (@nicoleprovost)


    2 months ago

    I apologize if this is redundant, but I have been at it for hours, and cannot find a way to correct this issue. I am uploading new featured images to my pages with the Hestia theme. But they keep coming up blurry or oddly centered. The pictures are high quality and 2560 by 1707 px. Also, I am using an image from the same album on the home page, and it comes up clear. I am not sure what is causing this issue in the pages. Here is a link to an example: https://maydayclub.ca/society/

    In the past, I have not had this issue as bad as I have it now. For example, on this page, the header image looks fine – but the image is the same size 2560 x 1707. https://maydayclub.ca/elementor-28853/ I made that page a few years ago, and you can see how the image isn’t blurry.

    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    Here is all the additional CSS I am currently using on my site for your reference, but I have tried deleting it all and I am still getting the same issues, so I am confident that the CSS is not the issue here.

    .header-filter::before { background-color: rgba(0, 0, 0, 0.15) !important; }
    .hestia-ribbon.section-image:after { background-color: rgba(0, 0, 0, 0) !important; }
    .section-image.hestia-about:after { background-color: rgba(0, 0, 0, 0) !important; }
    .header-filter::before { background-color: rgba(0, 0, 0, 0) !important; }
    .navbar .navbar-nav>li a {
    font-size: 16px;
    }
    .navbar .navbar-header .navbar-brand img {
    max-height: unset;
    width: auto;
    height: auto;
    }
    .navbar .title-logo-wrapper {
    max-width: 110px;
    }
    .page-header .container {
    height: 600px !important;

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

Viewing 1 replies (of 1 total)
  • mara3

    (@mara3)

    Hi @nicoleprovost,

    Thank you for using Hestia and for reaching out to us!

    I have checked your website and the featured images; the size for the working photos is indeed the one stated by you 2560 x 1707, but on the first page provided the image has a much smaller resolution.

    You can see how I checked this here

    View post on imgur.com

    Could you please clear the cache in case you are using such plugin, then try to reupload a high-quality image that is at least 900x600px for that post and check again?

    Please also make sure that you do not have any other image optimisation plugin activated since the issue might also occur because of one.

    Please let us know how it goes!

    Kind regards,

    Mara

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.