Modify image size in single listing page

Hello,

I played quite a lot with how the images look like on both the general Listings page and the single listing page (in terms of size, aspect ratio and scaling) but right now I’ve hit a wall - the images on the single listings page are way too big, regardless of what size I select in Wordpress->Media for “Landscape size (large)” → it only affects quality, but the height/width is the same, huge. I tried containing it from CSS with a bunch of different hooks, but I cannot seem to be able to make them appear smaller:

Any ideas?

Thanks!

Hi,

Could you please share a screenshot of your media settings and, if possible, a link to the listing? This will help us check if the issue is caused by CSS.

Also, please make sure to re-save the listings after making any changes to the media. WordPress resizes images on upload: for example, if you use an image of 800x600, WordPress resizes the width to 800px and crops the height to maintain the aspect ratio. This is the standard way WordPress handles image resizing.

We tried to implement the settings that are displayed on the screen, then updated the image in the listing, and the size changed [please see the screenshot]. Please note that WordPress resizes images by adjusting the shortest dimension first, then crops the remaining portions from the sides.

If possible, could you please record a screencast showing the following steps: save your Media settings, navigate to the existing listing, delete the existing image, upload a new one, save the listing, and then go to the listing page to show the result?

Hello @kseniia ,

It would really help me if you could explain which ’parts’ of the theme are affected by each of the Media settings.

For example, I figured that Landscape size (small) seems to be affecting the image size in the blocks on the general listings page. How about other places, and all the other Media parameters?

Thanks!

Sure:

  • Square (small) is used for vendor or user profile pictures.
  • Landscape (small) is used for listing card images.
  • Landscape (large) is used for the listing gallery slider.

All other sizes are default WordPress sizes, with the thumbnail size used for blog comments.

Hope I helped with your request.

2 Likes

That’s helpful, thank you!

Eventually I managed to make them look the way I want by trial and error modifying the landscape (large) parameter. Appreciate it :slight_smile:

1 Like

Glad that the issue is resolved!

1 Like

One quick additional question - is the site logo (from Customize → Site Identity) picture controlled by any of the media parameters? Perhaps the Thumbnail size?

The site logo displays at the original size of the uploaded image. We recommend using SVG format for your logo, as it provides lossless quality and sharp rendering on any screen size.

Hope this helps.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.