Venture Theme Slideshow Height - Can it be made smaller ?

Shopify Partner
26 0 0

The name of the topic explains it all. Can I make the Venture theme's slideshow smaller ?

0 Likes
Shopify Staff
Shopify Staff
537 0 71

Hey, Nadya!

Savannah here from Shopify. :) 

You can add a bit of coding to the bottom of your theme's style sheet to limit the height of your slideshow. Here's how:

  • Navigate to Online Store>Themes and select "Edit Code" from the Actions menu on your active theme
  • Once in your theme's coding, select the Assets folder, and then the theme.scss. Scroll to the bottom of the page and paste this:
.hero {
  @include media-query($medium-up) {
    height: 500px;
  }
}

You can adjust the height px to increase or decrease the height of your slideshow. Let me know if you have any further questions! 

Savannah | Social Care
support@shopify.com

1 Like
Shopify Partner
26 0 0

Yess, finally. Thank you alot, is there also a code for how wide it is too ?

Thanks again Savannah !

0 Likes
Shopify Staff
Shopify Staff
537 0 71

Hey, Nadya!

Absolutely. Instead of adding the code above, use this one instead. You can use the margins to decrease the width of the slideshow while still keeping in centred: 

.hero {
  @include media-query($medium-up) {
    height: 500px;
    margin-left: 50px;
    margin-right: 50px;
  }
}

Let me know if that does the trick!

Savannah | Social Care
support@shopify.com

0 Likes
Shopify Partner
26 0 0

This is perfect, thanks Savannah :)

0 Likes
Tourist
3 0 1

Thank you for this answer.  Helped me out as well.  I had been searching through the Shopify help to no avail for a few days.

0 Likes
Tourist
3 0 1

Hi Savannah,

The code works fine but only while accessing my website via desktop. When you view it via mobile it doesn't work. 

Please help.

Faraaz

0 Likes
New Member
2 0 0

Thank you SO much!
This is PERFECT....   You're a legend.

0 Likes