Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Cro

Question

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 post
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...