How can I alter the color of next and previous arrows on my website?

Store Design
, , ,
1

Hi,

im looking to change the black box to white white black arrows for previous and Next

my site is https://luxurymrkt.com/collections/mens-bags-1

D6E796F6-03C1-47A1-A865-2992347A55DE.jpeg
D6E796F6-03C1-47A1-A865-2992347A55DE.jpeg1170×2532 143 KB

A1BED1CF-A959-4ADB-954D-8EC6D183CE61.jpeg
A1BED1CF-A959-4ADB-954D-8EC6D183CE61.jpeg1170×2532 113 KB

2

Hi @Luxurymrkt ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.icon.icon-chevron-right,
.icon.icon-chevron-left{
    fill: black !important;
}
a[title="Next page"],
a[title="Previous page"]{
    background: white !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

3

Worked perfect thanks

4

Hi that worked perfect for most pages but not my designer collection pages

https://luxurymrkt.com/collections

5

Hi @Luxurymrkt ,

You can add this code to theme.css:

a[title="Next"],
a[title="Previous"]{
    background: white;
}