Jump to content

Add prev/next button

Recommended Posts

Hi everyone,

I'd like to add a previous / next button to the bottom of each project.  See picture as example. 

I tried with this css 

a {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;

a:hover {
  background-color: #ddd;
  color: black;

.previous {
  background-color: #f1f1f1;
  color: black;

.next {
  background-color: #04AA6D;
  color: white;

.round {
  border-radius: 50%;

but it's not working.

Thank you in advance for any help.

Have a nice Sunday,



Link to comment
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Hi, please share a link to your website so we can check easier. And can you describe what is not working?  The project page comes with its own "previous/next", have you removed those?

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech

💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Customisation help <- send me your design
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (may contain affiliate links)


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.