Listing image size

This topic contains 5 replies, has 3 voices, and was last updated by  Kor 7 years, 2 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • January 8, 2018 at 3:18 pm #411940

    Faye
    Expired Member
    Post count: 76

    Hi there,

    Is there a way to specify that the listing image should be contained to the longest side (instead of the shortest side).

    I’ve attached a screenshot to show you what I mean – all images fill the box according to the smallest side, rather than containing it to the longest side (so you can see the entire logo).

    Thank you

    January 8, 2018 at 3:19 pm #411942

    Faye
    Expired Member
    Post count: 76

    All logos are different sizes, and I was hoping not to have to edit each one individually.

    January 8, 2018 at 3:34 pm #411944

    Faye
    Expired Member
    Post count: 76

    Ah, so adding ‘background-size:100%’ in the inspector helps, but I can’t get the right selector for the thumbnail to formally add the css…

    January 8, 2018 at 4:01 pm #411951

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    Please share a URL where we can see what it is that you are trying to accomplish.

    Is it a listing image on the listing page?

    January 8, 2018 at 8:51 pm #411982

    Faye
    Expired Member
    Post count: 76

    It’s working!

    For the thumbnail to always appear in full (and not be cropped on either width or height, regardless of it’s ratio), I added:

    .geodir_category_list_view li .geodir-post-img .geodir_thumbnail {
    background-size:contain;
    }

    Thanks 🙂

    January 9, 2018 at 3:50 am #412007

    Kor
    Moderator
    Post count: 16516

    Hi Faye,

    Glad that you sorted it out yourself. Let us know if you need anything further.

    Thanks!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount