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
  • April 24, 2019 at 6:02 pm #482609

    eic2010
    Full Member
    Post count: 209

    Hi
    I’ve upgraded to V2 and some of my images have ‘blown up’ to stretch the full size. In media settings I have it as 1024 but previously my images didn’t seem to go the full size, now images that are smaller, say 750px wide are stretching to fit the full screen and as such are going blurry. I have hundreds of photos so cant resize all of them and all my photos are of different sizes. How do I set it so that the images show at their original size?
    Thanks in advance!

    April 24, 2019 at 6:04 pm #482610

    eic2010
    Full Member
    Post count: 209
    This reply has been marked as private.
    April 24, 2019 at 7:29 pm #482649

    Kor
    Moderator
    Post count: 16516

    Hi eic2010,

    Thanks for your reply. Could you share the URL of the page in question so that I could check on it?

    April 25, 2019 at 7:04 am #482738

    eic2010
    Full Member
    Post count: 209

    Hi, it is still on a staging site but the attachments in my last post show the difference. File beaf-org.jpg is what it looks like on my live site whereas beaf-new.jpg shows what it looks like on my staging site.
    The image is 800 x 535 but on my staging site it has stretched to full screen and is therefore blurry.

    April 25, 2019 at 7:35 am #482747

    Kor
    Moderator
    Post count: 16516

    hi eic2010,

    Thanks for your reply. Maybe we can use a custom CSS code to limit the image width. Kindly share your Website URL here once it’s ready to preview and we’ll check on it.

    April 25, 2019 at 7:44 am #482750

    eic2010
    Full Member
    Post count: 209

    Hi again
    The images look awful as they are so blown up and blurry. I’ll share a link so you can see for yourself 🙂

    April 25, 2019 at 7:46 am #482752

    eic2010
    Full Member
    Post count: 209
    This reply has been marked as private.
    April 25, 2019 at 3:23 pm #482849

    Alex Rollin
    Moderator
    Post count: 27815

    Right, you will need to make some CSS to control that, then.
    https://wpgeodirectory.com/docs/customizing-your-style/

    April 28, 2019 at 3:48 pm #483296

    eic2010
    Full Member
    Post count: 209

    Do you know what line of code I would need to change for this?

    April 28, 2019 at 7:22 pm #483322

    Alex Rollin
    Moderator
    Post count: 27815

    We have some examples here: https://wpgeodirectory.com/docs-v2/integrations/images/#customize

    April 30, 2019 at 3:44 pm #483720

    eic2010
    Full Member
    Post count: 209

    Hi
    I have:
    .geodir-image-container ul.geodir-images li img {
    object-fit: cover!important;
    height:100%!important;
    }
    so that the images on the GD Archive page and item shows the images all the same size. But on the details page the slider is putting the images full width which I dont want as many of my images are smaller than this. In V1 they seemed to adapt automatically but in this version they are stretching to full width. How do I get the slider to show the images smaller, like they were in v1?

    April 30, 2019 at 10:57 pm #483821

    Alex Rollin
    Moderator
    Post count: 27815

    20056 has new options for GD Post images. Once you upgrade go ahead and try adding a new GD Post images there and try the option for contain (and remove your custom CSS or comment it out).

    May 1, 2019 at 11:15 am #483923

    eic2010
    Full Member
    Post count: 209

    Hi
    I tried adding
    [gd_post_images type=”slider” ajax_load=”1″ slideshow=”1″ show_title=”1″ animation=”slide” controlnav=”1″ cover=”n”]
    to the page details and removed the css above but it still shows full width?

    May 1, 2019 at 1:03 pm #483959

    Alex Rollin
    Moderator
    Post count: 27815

    Yes, it will display full width, or ‘expand’ to fill the container in which it is placed.

    May 1, 2019 at 2:17 pm #483979

    eic2010
    Full Member
    Post count: 209

    But how do I get the images to just display at the size it is which it used to do in V1? The majority of my images are around 650-800px wide and in the new version they are stretching to fill the full width which is making them look blurry?

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

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

Open Support Ticket