(Squarespace) Change Portfolio pagination arrow color

To change Portfolio Pagination arrow colors on All Portfolios, Specific Portfolio Page, Specific Portfolio Item, you can follow these.

#1. All Portfolio Pages

Use this to Custom CSS box
If code doesn’t work, you can comment below, message or send me an email.

div.item-pagination-icon.icon.icon--stroke svg {
    stroke: #f1f;
}

#2. Specific Portfolio Item

First, find Portfolio item ID.

In my example, it is: #item-67b92e51511fc93fd939263f

Next, use this CSS code

#item-67b92e51511fc93fd939263f { div.item-pagination-icon.icon.icon--stroke svg {
   stroke: #f1f;
  }}

#3. Portfolio items belong Specific Portfolio Page

First, find Portfolio Page ID

We will have: #collection-67b92e51511fc93fd93925c8

Next, we need to change # to body.

so new ID will be: body.collection-67b92e51511fc93fd93925c8

Use this to Custom CSS box

body.collection-67b92e51511fc93fd93925c8 { div.item-pagination-icon.icon.icon--stroke svg {
   stroke: #f1f;
  }}

1 Like

@tuanphan,

:heart: :heart: :heart: