Image Categories resolution

This topic contains 8 replies, has 2 voices, and was last updated by  Madalin 2 weeks, 6 days ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #8150

    Madalin
    Participant
    • 25 Posts
    @electricspeed

    Hi there,

    I’m trying to achieve the same result as in your demo, but after many tries I could not make it work. I do not know what size for images to use in the categories widget to have a decent look on all devices. If I choose 270x370px resolution it looks good on desktop but looks blurry on mobile and tablet. If I add a higher resolution image 1078x1501px it shows only the center of image, and not the whole image. I have attached an image to see what I’m trying to say.

    Thank you,
    Madalin

    #8168

    Jean-Pascal
    Participant
    • 218 Posts
    @themopteryx

    Hi @electricspeed,

    We force the image resizing/centering so that most images fit the items area.
    To change this, simply add the following code snippet to your website:

    .grimlock-term-query-section__terms .card .card-media img {
        min-width: 0;
        min-height: 0;
        object-fit: none;
    }

    Thereafter, you can use a higher ratio for the images (273×377 by default) such as 567×777 for example.
    Note that all images must now have the same size, because there are no more “forced resize”.

    Regards,

    #8177

    Madalin
    Participant
    • 25 Posts
    @electricspeed

    Hello Jean-Pascal,

    I have inserted the code you have provided me, and still doesn’t look good, please see attachment.

    You can check it live on: https://electricspeed.ro/

    Thank you,
    Madalin

    #8194

    Jean-Pascal
    Participant
    • 218 Posts
    @themopteryx

    Hi @electricspeed,

    Could you please create a new website user for us? If possible with administrator capabilities so we can make a quick check of your settings.
    You can post the user name and password in your next reply and mark it as private to keep this between us.

    Cheers,

    #8196

    Madalin
    Participant
    • 25 Posts
    @electricspeed
    This reply has been marked as private.
    #8202

    Jean-Pascal
    Participant
    • 218 Posts
    @themopteryx
    This reply has been marked as private.
    #8203

    Madalin
    Participant
    • 25 Posts
    @electricspeed
    This reply has been marked as private.
    #8204

    Jean-Pascal
    Participant
    • 218 Posts
    @themopteryx

    Hi @electricspeed,

    Thank you for your precious feedback.
    There is definitely an issue in our theme which will be fixed in the next update.

    At the moment the images are cropped in 500×370 and fit the item area with the help of CSS.
    While waiting for the update, I advise you to put a real picture (not an icon) and remove the CSS snippet I gave you above.

    Thank you for your patience.

    Best,

    #8205

    Madalin
    Participant
    • 25 Posts
    @electricspeed

    Ok, thank you for your support. The current pictures is not an icon, it’s an image containing an icon. The problem is that on other devices (phone and tablet) it looks blurry, only on desktop it looks good with 270x370px resolution.

    I will wait for the update.

    Regards,
    Madalin

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.