Moving slideshow points Prestige

Solved
NZA
Pathfinder
105 12 32

hi everyone

I was poking around the slideshow.liquid file but couldnt find where i need to change to move the slide dots to the middle 

Luxury Cartel _ .png

I have 2 slideshows on my homepage, this is the bottom one, the top one should be left the same.

Website ulr: https://luxury-cartell.myshopify.com/

Password: stoyol

Thank you very much in advance!

 

dmwwebartisan
Shopify Partner
7361 1742 2329

This is an accepted solution.

@NZA 

Please add the following code at the bottom of your assets/theme.css file.

 

@media screen and (min-width: 1008px){
#shopify-section-16264452493fcff796 .Carousel--insideDots .flickity-page-dots {
width: 100% !important;
right: 0px !important;
}
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
KetanKumar
Shopify Partner
20503 2120 7734

@NZA 

sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.Carousel--insideDots .flickity-page-dots {right: 0;left: 0;}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NZA
Pathfinder
105 12 32

@dmwwebartisan Can you please give the same code for mobile, it works on desktop but on mobile its still the same. Thanks

dmwwebartisan
Shopify Partner
7361 1742 2329

@NZA 

Please add this code for the mobile.

@media screen and (max-width: 640px){
#shopify-section-slideshow .Carousel--insideDots .flickity-page-dots{
bottom: 8px !important;
width: 100% !important;
left: 0px !important;
}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
NZA
Pathfinder
105 12 32

@dmwwebartisan Thank you for your time,

The code changes the wrong slideshow, i would like the change to apply to the bottom one, after the featured prodcuts section

0 Likes
NZA
Pathfinder
105 12 32

This is an accepted solution.

I managed to fix the issue here is the code if anyone needs it:

@media screen and (max-width: 640px){
#shopify-section-16264452493fcff796 .Carousel--insideDots .flickity-page-dots {right: 0;left: 0;}
}