Slideshow Customization Out of the Sandbox Flex Theme

Solved
Highlighted
Excursionist
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

0 Likes
Highlighted
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.

 

Thanks 

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