how to reduce slide show photo size?

Highlighted
Tourist
65 0 1

using brooklyn theme - 

wondering how to reduce the size of the photos of the front page slide show?

www.endemicsurfwhere.com

0 Likes
Highlighted
Shopify Staff
Shopify Staff
45 0 4

Hi there Bob!

Adam here from Shopify.

There are a few ways to go about it depending on what exactly you are wanting to accomplish.

You can try to add some CSS and change the height of the slideshow which would reduce the size.

To do this log into your admin and click Online store > Themes, then click the button that looks like 3 dots [ ... ] and select Edit HTML/CSS.

You will then see a file list on the left hand side. Find the folder that says Assets, and select theme.scss.liquid.

Add the following to the bottom of the file:

.hero--full-height {
 max-height: 500px; 
}

That should do the trick.

You of course can change "500" to whatever number you would like.

Let me know if you have any troubles, or add something else in mind!

Take care :)

Adam B | Shopify Guru

0 Likes
Highlighted
New Member
1 0 1

I know this is an old post but it did not change my slideshow size at all.

1 Like
Highlighted
Tourist
6 0 2

Me either. I even tried up to 999 and nothing happened.

0 Likes
Highlighted
New Member
1 0 0

Hi I'm trying to reduce the size of the pictures in a slide show on my front page can you help please

0 Likes