Jump to content

Hover over colour for Pagination <PREV NEXT>

Go to solution Solved by DPruitt,

Recommended Posts


web: https://ellipse-teal-dl5w.squarespace.com/design/ultraflex
pass: 2

Wondering how I can target a "hover over" colour for pagination < PREVIOUS and  NEXT> icons in the portfolio.

I was able to find code to change the arrows but not the text (PREVIOUS and NEXT)
put the code in Website Tools / Custom CSS

/* pagination hover */
.item-pagination[data-collection-type^="portfolio"] h2:hover {
    color: #42c6ff;
.item-pagination[data-collection-type^="portfolio"] .icon:hover svg {
    stroke: #42c6ff;

how far i got:

Just need the NEXT and PREVIOUS to be a different colour on hover over.


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.