How can i change all the navigation arrows on my product pages to #ff7abc

Store Design
, , ,
1

Hi,

How can i change these page numbers and the arrow to go to the next page on all of my product pages to #ff7abc

VeryPink_1-1750200545768.png
VeryPink_1-1750200545768.png381×376 6.44 KB

Link: https://verypink.be/collections/rose-wines

Kind regards

1 Like
2

Hi @VeryPink ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your base.css / theme.css file and paste the code in the bottom of the file.
.pagination__item {
    color: #ff7abc !important;
}

topnewyork_0-1750250646206.png
topnewyork_0-1750250646206.png730×450 9.97 KB

Thanks!

1 Like
3

hey @VeryPink

Mustafa_Ali_0-1750250487541.png
Mustafa_Ali_0-1750250487541.png1280×459 12.8 KB

follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

1 Like
4

Hi @VeryPink

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

websensepro_0-1750250905092.png
websensepro_0-1750250905092.png599×263 2.43 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

1 Like
5

Thanks alot!

6

Many thanks!

7

Much appreciated, thanks!

8

i’m so much glat that you got a solution :blush: if you need more help feel free to share it