Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #2130496
Homepage - Not featured item Images not displaying correctly
Closed

Comments

  • accesspublishing1 started the conversation

    Hello,

    The featured images under the main post has a smaller image that is blurry on desktop as well as on mobile. On mobile view, the image is super stretched out. Is there a way to display this image correctly? ( The image is the Featured Image ).

    My WebsiteURL: https://portervillenow.com/

    Images of issue below:

    - DESKTOP111.png

    - MOBILE


    Screen-Shot-2019-08-27-at-2.44.02-PM.png

  •  1,845
    Elated replied

    Hello there,

    Welcome to your support management and thank you for choosing our theme!

    First please try using the following plugin: https://wordpress.org/plugins/regenerate-thumbnails/

    in order to regenerate the thumbnails and make sure that that was not creating the issue.

    If this does not help please make sure the images you upload are of high quality and at least twice as large as the space you'd like to present them in.

    Hope this helps! If not please provide us with your wp-admin details(in a private ticket) so we can log in and investigate this further.

    If there is anything else that we can assist you with please don't hesitate to ask.

    Kind regards,
    Sean


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • accesspublishing1 replied

    Hello,

    I have added the plugin. It doesn't seem to have solved image issue.

    Desktop: Non-featured Images still appear blurry

    Mobile: Images are very blurry


    - I noticed on the theme demo page, I am seeing the same issue. I am surprised nobody has brought this up yet.

    *Image attached of issue on demo page: 

    Screen-Shot-2019-08-28-at-8.51.51-AM.png


    Same issue on my site at: https://portervillenow.com/

    Screen-Shot-2019-08-28-at-8.55.53-AM.png


    Demo page I see issue: https://preview.themeforest.net/item/newsroom-a-contemporary-multipurpose-newspaper-magazine-theme/full_screen_preview/16698683?_ga=2.224826650.1270675818.1567007545-1137031568.1566929026&_gac=1.209389990.1567007545.EAIaIQobChMIso-Igval5AIVFL3sCh1mDAquEAAYASAAEgKJc_D_BwE

  •  1,845
    Elated replied

    Hi there,

    Even though the original images are fine, these options for Post Item size are set in WPBakery page builder, it creates a new images with these new dimensions, and those are the images it is using on your desktop site:

    9831122605.png

    So when you are viewing it in mobile view the images width goes to 100% percent, which is usually a few times the width of the dimension you set before, and so it looks blurry.

    I can suggest that you override the width of the images for mobile view if you insert the following CSS code into Appearance > Customize > Additional CSS:

    @media only screen and (max-width: 600px) {
        .eltd-bnl-holder .eltd-bnl-outer .eltd-bnl-inner .eltd-post-item.eltd-pt-two-item .eltd-post-item-inner .eltd-pt-image-holder a.eltd-pt-image-link {
            width: 75px !important;
        }
        div.eltd-post-block-part:not(.eltd-post-block-featured) .eltd-post-item-inner {
            display: flex;
        }
    }

    Now these images will contain the original dimensions that are set in WPBakery Page Builder, and you'll got something like this:

    3988613638.png

    Let us know if this works for you, or if you need any further help.

    Best regards!

    Joey


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.