Images are 'blown' up

This topic contains 23 replies, has 4 voices, and was last updated by  Alex Rollin 5 years ago.

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

Open Support Ticket

Tagged: 

  • Author
    Posts
  • May 1, 2019 at 4:14 pm #484007

    Alex Rollin
    Moderator
    Post count: 27815

    Use CSS to add padding on GD Post images or wrap it in a div and add padding or margins to that.

    May 1, 2019 at 4:20 pm #484008

    eic2010
    Full Member
    Post count: 209

    Ive tried
    .geodir-image-container.gd-image-cover-n ul.geodir-images li img {
    object-fit: none;
    }
    which seems to have reduced the images down to their normal sizes but there is a huge band of white space at the top and bottom which I cant seem to get rid of?

    May 1, 2019 at 4:23 pm #484010

    eic2010
    Full Member
    Post count: 209
    This reply has been marked as private.
    May 5, 2019 at 10:54 pm #484575

    Rolf
    Lifetime Member
    Post count: 25

    Hi,

    I am having the same issue. Could you please deliver css-code to reduce images size to custom max-width (centered without borders) for slider in listing details page?

    Best regards
    Rolf

    May 8, 2019 at 2:46 pm #485170

    eic2010
    Full Member
    Post count: 209

    Hi again

    This is still causing me issues and whatever I try I cannot seem to resolve it. On V1 the images in the slider were shown at a normal size but since upgrading to v2 they are stretching out to the full width of the site. Since most of my images are an average of 600 to 800px wide these are showing really blurry and look quite unprofessional, and I don’t need them to stretch out to such a large size. I don’t understand why the slider in V2 has done this? How do I get the images to simply show as they were in V1 slider. Please help as I have been trying to resolve this for 2 weeks.

    May 8, 2019 at 2:49 pm #485171

    eic2010
    Full Member
    Post count: 209
    This reply has been marked as private.
    May 8, 2019 at 8:41 pm #485230

    Alex Rollin
    Moderator
    Post count: 27815

    You have the image size on the GD Post Images set to medium-large
    You could change that to large

    For the overall size of the slider, see:
    https://wpgeodirectory.com/docs-v2/integrations/images/#slider-css

    May 10, 2019 at 11:53 am #485576

    eic2010
    Full Member
    Post count: 209

    I tried large but it made no difference.

    I then tried
    /*GeoDirectory V2 – Make the slider on All detail pages smaller by adding padding*/
    body.single .geodir-post-slider {
    padding-left: 20%;
    padding-right: 20%;
    }
    but the images, although they’re smaller, are still blurry/fuzzy. They also show smaller on a phone and the photo gallery also reduced which doesnt look good.

    May 10, 2019 at 10:44 pm #485718

    Alex Rollin
    Moderator
    Post count: 27815

    Usually the content area is made smaller with a sidebar.

  • Author
    Posts
Viewing 9 posts - 16 through 24 (of 24 total)

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

Open Support Ticket