Change color of "next" and "previous" arrows on product pages

Store Design
1

How am I able to change the color of these arrows, to go to “previous” or “next” pages? The background of my website is black , but the arrows are invisible until u hover them , is there a way I can change the color of them to the teal color on my website?

Arrows screenshot without hovering - https://gyazo.com/8762c6afb57b1a60980589e828fe463d

Arrows screenshot with hovering - https://gyazo.com/0b813f831a46d4b825087026a5b79268

Color i’d like them to be - #46fadf

2

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

1 Like
3

Hello, I sent screenshots in the post, and this is the website - www.iamnewtoyou.com

4

hello @IamNewtoYou

your Site have to right-click security please remove right click security so I solve this issue

2 Likes
5

done

6

hello @IamNewtoYou

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.list--inline.pagination  li a.btn.btn--tertiary.btn--narrow{
        background: #25cdbc !important;
}
.list--inline.pagination  li a.btn.btn--tertiary.btn--narrow .icon.icon--wide.icon-arrow-right {
     fill: #000000  !important;
}

.list--inline.pagination  li a.btn.btn--tertiary.btn--narrow .icon.icon--wide.icon-arrow-left{
 fill: #000000  !important;
}
2 Likes
7

Awesome work I greatly appreciate it!!!