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

Change Font Color of Single Word in Squarespace 7.1

Question

Posted (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!

Screen Shot 2020-07-22 at 6.21.06 PM.png

Edited by cvanuch

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 1
#block-5f18c7e57f02196bc60774dd a[href="/support"] {
    color: #0075FF;
}

Design -> CSS


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0

Share this post


Link to post
  • 0

@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!

Share this post


Link to post
  • 0

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.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...