To change Event Page pagination arrows to custom icons.
You can use this code to Custom CSS
If code doesn’t work, you can comment below, message or send me an email.
/* Pagination arrows */
.item-pagination-icon svg {
display: none !important;
}
.item-pagination-link--prev .item-pagination-icon {
background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1773097810_Group12@2x.png.fd2d6dc749f79343ae687e29649cea4f.png);
}
.item-pagination-link--next .item-pagination-icon {
background-image: url(https://content.invisioncic.com/p289038/monthly_2022_09/1753379866_Group13@2x.png.54c2b0e59adbe1a1f31f46b8b628398d.png);
}
div.item-pagination-icon {
background-size: contain !important;
background-repeat: no-repeat;
background-position: center center;
}
Result
