Jump to content

How do I add anchor links to sections in 7.1?!

Recommended Posts

Site URL: https://www.cronancreagh.com/portfolio

Hello!

Very new to coding and struggling to achieve the following:

  1. Add a back-to-top and a back-to-bottom anchor link(s).
  2. Create a vertical text and link it to my bio section near the bottom of the page. 
  3. Remove the link's underline from the text "bio".
  4. Keep all the elements fixed while scrolling and aligned to the right. 

I have the image urls for both arrows and an ID finder extension. I have also added a link to the site and a reference image of what I am trying to archive.

When I get one thing right the other just stop working....

Current Code:

Code block at the top: 

<a href=“#page” class="fixed-img"><img src="https://img.icons8.com/small/32/000000/up.png" id="back-to-top"</a>

Code block at the bottom: 

<a href=“#page” class="fixed-img"><img src="https://img.icons8.com/small/32/000000/down.png" id="back-to-bottom"</a>

CSS:

#back-to-top{
position:fixed!important; 
top:85%!important;
right:10px!important;
z-index:1!important
}
html{
  scroll-behavior:smooth;
}

#back-to-bottom{
position:fixed!important; top:15%!important;
right:10px!important;
z-index:1!important
}
html{
  scroll-behavior:smooth;
}

TIA!

Anchor Visual Ref.jpg

Edited by Cro
Link to comment
  • Cro changed the title to How do I add anchor links to sections in 7.1?!
  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.