Anchor Links in Squarespace
ฝัง
- เผยแพร่เมื่อ 10 ก.ย. 2024
- Learn how to link to a specific section on your Squarespace site using anchor links.
Original post:
ajmexperience....
For more CSS code to enhance your website designs, check out the rest of the learn series:
ajmexperience....
Get our free CSS Selector Cheat Sheet:
www.ajmexperie...
Get our full CSS Library:
www.ajmexperie...
------
BONUS CSS!
// add a smooth scroll to the anchor links //
html {
scroll-behavior: smooth; }
// remove the underline from navigation links //
.header-nav-item--active a {
background-image: none !important; }
// remove the underline from hyperlinks //
a {
text-decoration: none !important; }
------
WANT TO DO MORE TO STYLE YOUR LINKS?
Check out our other posts:
Using CSS to create custom buttons
www.ajmexperie...
Styling the dropdown menu in Squarespace
www.ajmexperie...
Use the announcement bar as secondary navigation
www.ajmexperie...
Change the color of one navigation link in Squarespace
www.ajmexperie...
------
AJM EXPERIENCE
🖥 A marketplace for graphic designers, Squarespace lovers, & CSS nerds: www.ajmexperie...
☕️ Buy me a coffee: www.buymeacoff...
Thanks for watching and hope you learned something. My name is Amanda Jones McNay and I am a Squarespace web designer and CSS nerd. I have designed well over 100 different Squarespace sites for clients and have used custom CSS code in every one of them. My site is dedicated to helping all CSS designers to perfect their craft and create cool sh!t.
The smooth scroll is definitely a nice piece of code to have too! It worked for me.
awesome, so glad it worked for you!
Thanks for the video. A small thing that I'd missed on other people's videos which you thankfully highlighted: remember to turn off open in new tab.
yesss it's all about the small details :) so glad i could help!
Thanks! Been through 4 of these link vids, and yours was the best, clearest one! 👍
yay! thank you for the amazing feedback and i'm so happy to help :)
does the smooth scroll go into the Code block as shown below? Can't seem to get the smooth scroll to work. Great video though
nope, just goes straight in the css panel like this:
html {
scroll-behavior: smooth; }
let me know if you still have issues! :)