How to change product image selector from arrows to dots?

[merchabellire]

I was wondering if it was possible to change the arrows / chevrons with the numbers to just dots? site is abellire.shop

[AvantifyApp]

Hi @merchabellire , this is Landry from Avantify

This is very easy to update. Please give me the password of your store!

[merchabellire]

oh i forgot it was password locked, password is just 2024

[AvantifyApp]

Hi @merchabellire . This is result:

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
button.slider-button.slider-button--prev {
    background: #ababab;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
button.slider-button.slider-button--next {
    background: #ababab;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
</style>

[merchabellire]

sorry I meant like this; 

[sleepingbooty]

This made me LOL