How to make slide show smaller in size

[leoxin]

Hi guys

https://www.neoliving.au/pages/show-room

Im trying to make the size of the slide show smaller,

Keeping the same ratio, centered in the middle of the screen.

Kid regards

[ProtoMan44]

@leoxin can you please change the slideshow setting, and set the height to small

[leoxin]

Hi If i do that it changes the ratio of the home.

is there any other ways to solve this. thanks.

[ProtoMan44]

@leoxin please select full width.

[BSSCommerce-HDL]

Hi @leoxin, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.slideshow.banner:has(#Slide-template--16691350241443__slideshow_CBADEp-1)::before {
    padding-bottom: 30% !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Sangeetanahar]

Hello @leoxin 

Go to online store ----> themes ----> actions ----> edit code ---->section...>slidershow.liquid  add the class page-width

I have mentioned in the video where you want to add the class, if you still don't know then ask for it

also check the video

https://www.awesomescreenshot.com/video/30487361?key=b5404baf9fa710f9887f0870d82db7b4

If we do it in code then it will not be correct so we have to do it in coding and it will be responsive in other devices too

result will be

Buy me a Pizza
- If helpful then please Like and Accept Solution.

[goldi1]

hello @Leoxin 

1.Go to online store ----> themes ----> actions ----> edit code ---->section...>slidershow.liquid add the class page-width

result will be 

- Buy me a Pizza
- If helpful then please Like and Accept Solution.

If this was helpful, hit the like button and accept the solution.
Thanks