thumbnail

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

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

Open Support Ticket
  • Author
    Posts
  • #317289

    edge
    Buyer
    Post count: 191

    Hi, I have the problem that a business owner uploaded an image that is not displayed well in the thumbnail. The head is cut off 🙂

    http://screencast.com/t/cPujr6j3vD
    http://screencast.com/t/wur1NVBeHk

    As the thumbnail is auto-generated. How could I fix this pls?

    Thanks

    #317352

    Kor
    Moderator
    Post count: 16516

    Hi Gerald,

    I’ve just checked that page http://scheidungsinfo.at/?geodir_search=1&stype=gd_place&s=mirko&snear=&sgeo_lat=&sgeo_lon= and I’m able to see the issue there. The only way to fix this would be to change the background-size to contain using the custom CSS code below. But this will effect all listings. Let us know if you’re okay with that.

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

    Thanks!

    #328018

    palicali
    Expired Member
    Post count: 40

    Hi –
    I am having the same issue that my thumbnails look like a mess on the list page since images are uploaded in various sizes and display as cutoff in the thumbnails.

    – Is there a recommended ratio for height/width for thumbnails to look nice as in the demo?
    – Can the actual photos be larger versions of that size ratio and the thumbnail will show the whole photo but smaller? Or will the thumbnail just crop a small portion of the larger photo?

    If I decide to use your CSS code above, which file should I put that in and where exactly in the code? I don’t understand the consequences though of using the code – does it impact only thumbnails or all images? I am just starting my directory, so if it’s a good thing to do from the beginning now would be a good time for me to do it.

    Thanks!

    #328610

    Kor
    Moderator
    Post count: 16516

    Hi Palicali,

    Could you please share the URL of thr site in question so that I could take a better look at it?

    Thanks

    #328694

    palicali
    Expired Member
    Post count: 40
    This reply has been marked as private.
    #328884

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Using the custom CSS code below should resize the image to fit the image container. Inset into GD > Design > Scripts > Custom Style CSS . Let us know how it goes.

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

    Thanks!

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