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
