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
9363 1184 3276

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
Highlighted
Tourist
6 0 1
.slideshow-classic .flickity-button {
top: 50%;}

 shouldn't be enough?

Highlighted
Shopify Partner
9363 1184 3276

Hello, @AlfredoCosta 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

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
0 Likes
Highlighted
Excursionist
32 0 6

I did as I said and nothing happened

 

www.design-x.com

0 Likes
Highlighted
Shopify Partner
9363 1184 3276

@Designs-X 

Thanks for post

sorry we're not able to store

KetanKumar_0-1599883148647.png

 

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
Highlighted
Excursionist
32 0 6

How do I solve this problem

0 Likes
Highlighted
Excursionist
32 0 6

I apologize for writing the wrong site

 

 

www.shopdesign-x.com

0 Likes
Highlighted
Excursionist
32 0 6

The shopify store tag has appeared and I want to remove it

Thank you

0 Likes