cvanuch Posted July 23, 2020 Share Posted July 23, 2020 (edited) Site URL: https://matey.app/help-center Hi, I'm trying to figure out how to change the font color of the "contact us" link text to hex color #0075FF. Does anyone know how to do this without affecting the color of all the other links of the site? My site is using Squarespace 7.1. Thanks! Edited July 23, 2020 by cvanuch Link to comment
christyprice Posted July 23, 2020 Share Posted July 23, 2020 You can do this in a Markdown Block... Squarespace has a cheat sheet here with font info at the end: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
cvanuch Posted July 23, 2020 Author Share Posted July 23, 2020 @christyprice Thanks for the reference. I tried it out but can't get the color to change once I configure the link. Here's what I have: Need help doing something on Matey? Take a look at our guides or <span>[contact us.](https://matey.app/support) style="color:#0075FF"</span> Let me know if you can figure out what adjustments I need to make. Thanks! Link to comment
christyprice Posted July 24, 2020 Share Posted July 24, 2020 You'll want to add this to the markdown block first: Need help doing something on Matey? Take a look at our guides or <span style="color:#990000;">contact us</span>. Then highlight contact us and click the link icon to add the link. You can change the hex code of the color to any color you want - I made it red to stand out so you can see that it's working. christyprice.com 🇺🇸 Austin, TX US ✅ For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist. Link to comment
Solution rwp Posted July 25, 2020 Solution Share Posted July 25, 2020 #block-5f18c7e57f02196bc60774dd a[href="/support"] { color: #0075FF; } Design -> CSS Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment