Prestige Theme - Slider Dots

[Multibrands]

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

 

 

[dmwwebartisan · 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!

[Multibrands]

This is amazing, thank you once again.

[ziketech]

Hi there, I 

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

[dmwwebartisan]

@ziketech 

Please share your store URL.

[ziketech]

https://ziketech.myshopify.com/      Password: ihawnu

[dmwwebartisan]

@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!

[ziketech]

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

Thanks !

[dmwwebartisan]

@ziketech 

Please add the following code.

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

Hope this works.

[ziketech]

It works. Thank you so much