(Squarespace) Change Event Pagination arrow color

To change Event Pagination arrow colors on All Events, Specific Event Page, Specific Event, you can follow these.

#1. All Events

Use this to Custom CSS box

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

#2. Specific Event

First, find Event ID.

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

Next, use this CSS code
If code doesn’t work, you can comment below, message or send me an email.

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

#3. Events belong Specific Event Page

First, find Event Page ID

We will have: #collection-67b838a48c2039685c8e4744

Next, we need to change # to body.

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

Use this to Custom CSS box

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

1 Like

@tuanphan,

:heart: :heart: :heart: