Slideshow Customization Out of the Sandbox Flex Theme

59 0 5

Hi, how can I move the arrows up so that they are positioned halfway up on the sides of the images on the slideshow? I don't like them being positioned at the bottom. Also, how can I change them to be carats instead of arrows? I attached an image to show

Thanks guys


Annotation 2020-02-16 214535.png

Shopify Partner
4661 692 1464

This is an accepted solution.

Hello, @novice  Thanks for post
1. Go to Online Store->Theme->Edit code
2. Asset->/styles.scss.liquid->paste bellow code in the bottom of the file

.slideshow-classic .flickity-button {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like.



If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like