Theme: Taste (How to reduce Slide Show size in computer website)

Store Design
1

Hi,

Slide show images are very big in size and i would like to reduce the height of slideshow. Can anyone help me on how to reduce the height. Also Please let me know where to change in the code.

shooify query 2022-11-03 201154.jpg
shooify query 2022-11-03 201154.jpg1920×908 246 KB

2

Hi @FreshKingdom
If you want to reduce the height of the slide
You can try follow this path:
Themes => edit code => asset => component-slider.css
and add this code to bottom of the file component-slider.css
change the 30 to the size you want

@media screen and (min-width: 750px){
.slideshow.banner--small:not(.banner--adapt) {
  min-height: 30rem;
}
}
2 Likes
3

Thanks a lot for your guidance. @ExpertRookie

4

@FreshKingdom You are welcome

5

You’re a hero