(Squarespace) Change Blog: Older – Newer arrows to custom icon

To change Blog page Older – Newer arrows to custom icon.

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

/* Blog Page - Oder - Newer Entries - Arrows */
.blog-list-pagination-icon.icon.icon--stroke svg {
    display: none !important;
}
.blog-list-pagination-icon.icon.icon--stroke {
        background-size: contain;
    background-repeat:no-repeat;
    background-position: center center;
    background-color: transparent !important;
}
.newer .blog-list-pagination-icon.icon.icon--stroke {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1773097810_Group12@2x.png.fd2d6dc749f79343ae687e29649cea4f.png);
}
.older .blog-list-pagination-icon.icon.icon--stroke {
    background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png);
}

Result

1 Like