How to hide NEXT/PREV links at the foot of Squarespace blog or event pages

If you have long blog or event titles the next/prev links at the bottom of the page can get take up way too much room and become difficult to read.

You can dig around in the style editor and reduce the font size, but sometimes tough love is required - let’s get rid of them completely.

Add the following to your custom css and the ugly next/prev links will be removed on desktop and mobile.

 
#itemPagination {
	display: none !important;
}

To remove them on mobile only, use:

 
@media only screen and (max-width: 640px)
  #itemPagination {
	  display: none !important;
  }
}

For tablet & desktop only, use:

 
@media only screen and (min-width: 640px)
  #itemPagination {
	  display: none !important;
  }
}
Colin Irwin

I’m Colin Irwin, a freelance Squarespace Designer & Developer based in London, UK, with clients in the USA and around the world.

I’m a recognised Squarespace expert. I design and build Squarespace sites for everyone from charities and start ups to major established brands.

https://www.silvabokis.com
Next
Next

How to change a Squarespace url slug