Prestige Theme - Slider Dots

Solved
Multibrands
Excursionist
40 2 20

Me again!

I was possible to remove the slider dots or change them to arrows? or change the colour? can this be actioned on both Mobile and Desktop.

 

Thank you in advance

 

the-botanical-factory.myshopify.com

crudah

 

Screenshot 2021-02-18 at 13.14.31.png

Screenshot 2021-02-18 at 13.14.37.png

dmwwebartisan
Shopify Partner
7394 1754 2350

This is an accepted solution.

@Multibrands 

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

To change the dots colors.

 #section-slideshow .flickity-page-dots {
    color: red !important;
}

 

To remove dots.

 #section-slideshow .flickity-page-dots {
   display: none;
}

Hope this helps.

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 →
0 Likes
Multibrands
Excursionist
40 2 20

This is amazing, thank you once again.

ziketech
Excursionist
18 0 15

Hi there, I 

How do I change the collection list button color to orange(#fd4513) when hovered. Please help me !!!

collection.png

dmwwebartisan
Shopify Partner
7394 1754 2350

@ziketech 

Please share your store URL.

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 →
ziketech
Excursionist
18 0 15
dmwwebartisan
Shopify Partner
7394 1754 2350

@ziketech 

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

#section-collection-list .CollectionItem__Link:hover {
    background: #fd4513 !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 →
ziketech
Excursionist
18 0 15

 

Thank youuuu, It works. And would you help me to do the same change to the slideshow button?

 

Thanks !

 

 

 

slideshow.png

dmwwebartisan
Shopify Partner
7394 1754 2350

@ziketech 

Please add the following code.

#section-slideshow .Button:hover{
  background: #fd4513 !important;
}

Hope this works.

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 →
ziketech
Excursionist
18 0 15

It works. Thank you so much

0 Likes