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

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.