[MOTION THEME] How Reduce Slideshow Width On Desktop Visualization?

Store Design
1

It’s possible to change only the height of the slideshow but not the width.

I would like to keep the original aspect-ratio of the images but size reduced (maybe 60%-75% of the original size), and keep it centered.

I’d like this modify just for desktop visualization and not for mobile one.

2

Hello @userwithoutname ,

Sorry I missed your question last time :cry: .

According to my understanding, you want to show the slideshow like this:

GemPages_0-1669625492924.png
GemPages_0-1669625492924.png1919×1089 236 KB

If I am correct, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

GemPages_1-1669625598543.png
GemPages_1-1669625598543.png1847×897 132 KB

  1. Add my code above the tag on the file Theme.liquid:

GemPages_2-1669625705368.png
GemPages_2-1669625705368.png1782×883 57.5 KB

*Note: you can replace 70% with another number you want to reduce or increase the width of the slideshow.

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

3

Perfect! Thank you!

4

Hi @userwithoutname ,

Your kind words have just made my day :heart_eyes: .

Kind & Best regards,
GemPages Support Team.

5

Does not work at all for Motion theme. Wish it did, it looks rediculous at 100%