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,

Alberto

image.png

Link to comment
  • Replies 2
  • 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 

🙋‍♀️Techy SquareSpace Developer for all your customisation needs #CSS #html #javascript

✉️ Email me

💻Soft launch

https://www.melodylee.tech/
A software developer in an artist body that knows how marketing works.
UK based, work globally

#neverstoplearning
 
I like coffee 😊

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.