how to reduce slide show photo size?

Bob_Davis
Tourist
63 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
Adam_B1
Shopify Staff
Shopify Staff
44 0 5

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
KittenH
New Member
1 0 1

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

SauvignonJohn
Tourist
6 0 2

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

0 Likes
Acekickzuk
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
PK123
New Member
1 0 0

this is really weird. Why would a shopify staff member provide a solution that doesn't work for anyone. I too tried this and it doesnt work. 

0 Likes
Silk1908
New Member
1 0 0

Did you ever figure out how to resize some of your images for your slideshow?

0 Likes
CinR
New Member
1 0 0

Also not working for me..did anyone find a solution?

0 Likes
lponails
New Member
1 0 0

In slideshow.liquid under Sections, I reduced the 'assign max_width and 'assign max_height to 500px and it reduced the images. Hope that helps.

0 Likes
number1edward
New Member
1 0 0

this one works

0 Likes