Keep the listing image size unchanged even when the slider is enabled

[Ardain]

Hello, I’ve noticed that when user uploads 3 photos/images to the listing, it looks great, sizes and also how it’s in the middle of the page, but when you upload the fourth+ image it turns into the slider style gallery and for some reason enlarges the images so the value set in landscape (large) doesn’t apply anymore. Using RentalHive

It would be best to keep the original size no matter what the number of added images is, even when it turns into slider. Is there any css/snippet solution to this? Thank you

[ihor]

Hi,

RentalHive has a specific full-width slider, where previous and next image appears at the sides of the screen. If possible send a screenshot of the issue, maybe enlarging images is a bug and not the expected behavior, in this case we’ll provide a temporary fix.

[Ardain]

Hi Ihor,
Here are the two samples, the first one has only three images and the second has 4 images uploaded to that listing. Full width of the page is screenshotted. As I said problem is when you upload the fourth image in gallery it becomes slider and the size of images changes because now it’s a slider. But it doesn’t feel right because it’s a very big change compared to listings with just 3 images and in that sense users with uploaded just 3 images compared to 4+ would have much different listings styles. It’s okay to change it to slider. Just the enlargement of the images is what is wrong.

Any solution? Either make the slider same size as in the 3 images listing gallery style, or keep it full width but again reduce the size to the original. Thank you

[andrii]

Hi,

Thank you for the details. The image displayed in the first screenshot is incorrect, and we plan to fix it in future updates. Regarding your second screenshot, this is the expected behavior, and everything should be displayed as in the demo version. Do you also have the slider displayed in full width? If your slider is displayed as in the demo version, we can provide a CSS snippet to limit the width of the slider to a fixed width, but please note that this may require further customization. Let me know if it works for you.

[Ardain]

Hey andrii,

Using the RentalHive theme with gallery slider like in the demo. Gallery slider is full width with 3+ images uploaded. So if there is any snippet for making the 1-3 image gallery same size as 3+ image gallery, that would be great

[ihor]

Please try this CSS code snippet, it should limit the slider width (note that it may require further customizations):

@media only screen and (min-width: 75em) {
.hp-listing--view-page .hp-listing__images {
 max-width: 71.25rem;
 margin-left:auto;
 margin-right:auto;
 left:auto;
 right:auto;
}
}

[Ardain]

That works, thank you @ihor