Change the shape and colour of arrows on featured collection

[carla_5]

Hi there

I am using Dawn theme. I was wondering if someone could maybe assist me please. How can I change the arrows' shape and colour on my featured collection? It is currently square shape, I would like to change it to circles. 

Thank you 🙂

[Raj-webdesigner]

I hope This Image Helping You

[carla_5]

Hi there, thank you for your reply. I am looking to the change the shape and colour of the arrows on the featured collection. (See picture attached please :)) 

 

[Raj-webdesigner]

Okay Can you Share Your Site Preview Link

[carla_5]

https://0gzonp4572pn3mgn-85664661785.shopifypreview.com

Thank you 🙂

[Raj-webdesigner · Accepted solution]

Add this css and see what color you want to keep then let me change it

Add This css In your Edit code > base.css File.

.collection .slider-component-desktop .slider-button,.collection .slider-component-desktop .slider-button[disabled="disabled"]{
    background: #000;
    color: #fff;
    opacity: 1;
    border: 1px solid #000;
    border-radius: 50%;
}
.collection .slider-button:not([disabled]):hover{
    color:#fff !important;
}

[carla_5]

Thank you so much. It worked 🙂

[Raj-webdesigner]

It's My Pleasure 

You Need More help don’t hesitate to reach out