How can I reduce the height of my hero slideshow on the impulse theme?

Technical Q&A
1

I’m trying desperately to reduce the height of the hero slideshow on my home page but cannot find a way to do it.

Any ideas?

Thanks so much in advance!

2

Hi and welcome!

Could you post a URL to your store and I’ll take a look for you :slightly_smiling_face:

3

https://meridianetch.com.au/pages/about

Thanks so much!

4

No problem!

Search your theme.css file for the following code:

@media only screen and (min-width: 769px)
.hero--650px {
    height: 650px;
}

Edit the value of ‘height: 650px;’ to get the desired height :slightly_smiling_face:

5

Cannot for the life of me find it! I have theme.js or theme.css.liquid but the above code is not in any of those :sad_but_relieved_face:

6

If you would like, post your STORE.myshopify.com link and I’ll request access and take a look for you :slightly_smiling_face:

7
8

Perfect!

Just requested access :slightly_smiling_face:

9

Done! Feel free to look up my other questions that I posted in the forum. I’ve been trying to work them all out myself but just can’t get there! :disappointed_face:

10

Perfect!

Check your store for me and see if that height is okay.

If not head into your theme.css.liquid and search for ‘.hero–350’ this will bring you to following code:

.hero--350px{
    height:350px;
  }

Edit the value of height: 350px; to get the desired height

11

Legend you are! Thanks so much!!

12

I do my best! You’re very welcome!

If you could take a moment to read through my signature it would be very much appreciated :heart:

13

Definitely will do! If you want to look up my other questions and see if you can help with those too, it would be MUCH appreciated!