Images are 'blown' up

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

Open Support Ticket

Tagged: images blown up

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