Narrative Theme: Feature Slider - Would like to increase the size of the Image.

Onigeeks
New Member
1 0 0

Hello everyone,

Hope everyone is doing well. Im new to Shopify and this is also my first post so thank you for those who can give me a helping hand. 

Im helping a client create their web store however, they wanted the feature slider images to appear larger. I have attached a screenshot with some pointers to illustrate my point. The attached image has my questions. hope someone would be able to help me out on this. I trying going into the code but being very new, I was taken a back so need some serious help. haha. 

The store URL is https://whyandco.myshopify.com

password: Thanksforthehelp

Thank you and stay safe!

 

 

 

 Screenshot 2020-07-14 at 10.56.21 AM.png

0 Likes
LaseMakers
Shopify Partner
55 0 21

Hi @Onigeeks 

Im having the same problem with a client. Did you find how to resize the image?

0 Likes
meandatree
Excursionist
19 0 2

Go to your theme.scss.liquid then scroll or search .featured-slider__slide-content 

You will see the following

.featured-slider__slide-content {
position: relative;
margin: 0 auto;
max-width: 50%;

change the max-width as desired

max-width: 75%;

Cheers and share the love! God bless you!

meandatree
Excursionist
19 0 2

Go to your theme.scss.liquid then scroll or search .featured-slider__slide-content 

You will see the following

.featured-slider__slide-content {
position: relative;
margin: 0 auto;
max-width: 50%;

change the max-width as desired

max-width: 75%;

Cheers and share the love! God bless you!

LaseMakers
Shopify Partner
55 0 21

Hi @meandatree 

Thank you!!! this really worked. You are my saver.

Carolina

 

 

sneaksnstuff
Tourist
3 0 2

Hey,

This does not work for the updated theme. Do you have an alternative way to solve this? I am having the same issue, however I'd like for the image to completely fill the space.

0 Likes