Change the shape and colour of arrows on featured collection

Technical Q&A
1

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 :slightly_smiling_face:

2

I hope This Image Helping You

Rajwebdesigner_0-1712059485646.png
Rajwebdesigner_0-1712059485646.png1919×907 327 KB

3

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 :))

Screenshot 2024-04-02 134219.png
Screenshot 2024-04-02 134219.png1343×110 45.3 KB

4

Okay Can you Share Your Site Preview Link

5

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

Thank you :slightly_smiling_face:

6

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;
}
7

Thank you so much. It worked :slightly_smiling_face:

8

It’s My Pleasure

You Need More help don’t hesitate to reach out