How can I modify or remove slider dots in Prestige Theme?

[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]

@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

[ziketech]

Hi there, here is another changes I need your help:

Would you help me change the background from black to white(#ffffff)? Thanks so much

[dmwwebartisan]

@ziketech

Is this a menu dropdown?

I checked your store. It is already white color.

I think you fixed this, right?

[ziketech]

Sorry, I tried to fix it but failed. Would you help me change it now?

Yes, I’d like to change the dropmenu background to the white(#ffffff)

[dmwwebartisan]

@ziketech

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

@media screen and (min-width: 641px){
.MegaMenu{ background: #fff !important; }
.MegaMenu a.Link.Link--secondary { color: #000 !important; }
}

Hope this works.

Thanks!

[ziketech]

Thanks, it works. But one feature lost when I paste the code: When hover the dropdown mega menu, the color does not change. So please help me again by change it from black to Orange(#fd4513)

Thanks ahead.

[dmwwebartisan]

@ziketech

We make the background white and the hover color is black therefore when you hover it stay the same color black. Do you want to change it?

[ziketech]

Yes，I’d like to change the dropdown menu from current black to Orange(#fd4513)

[dmwwebartisan]

@ziketech

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

@media screen and (min-width: 641px){
.MegaMenu a.Link.Link--secondary:hover {
    color: #FD4513 !important;
}
}

[ziketech]

Thanks. It works!!!

[William_H]

@dmwwebartisan how would you add in the arrows to change the slide on the Prestige theme?