How can I decrease slideshow image height in the Envy theme?

Store Design
1

Hi, I have been searching everywhere to modify the height of the slideshow images in Envy Theme. It isn’t within the options, so I have been trying to look in the coding, but can’t reference anywhere that modifies the height of the images of the slideshow. I have tried uploading smaller px images, but it just ends up blowing up to fit the width and the fixed height that takes up half the page.

Would appreciate any help on this!

Thanks!

2

@learningtoday

Please share store URL.

3

@dmwwebartisan www.veriant.com

Thanks!

1 Like
4

@learningtoday

please try this code

  1. Go to Online Store->Theme->Edit code

  2. Asset->/theme-index.min.css->paste below code at the bottom of the file.

.slideshow--full-screen {
    height: 70vh !important;
}

Thanks!

1 Like
5

Thank you so much @dmwwebartisan !! Works so easily!

1 Like
6

@dmwwebartisan Sorry for the follow up, but would you happen to know how to prevent the slideshow from zooming into images when uploaded? For some reason every image seems to be zoomed in (not sure what the dimensions are for this slideshow and or if there is a preference to zoom into the picture?)