Jump to content

Change color of just one hyperlink - how to with CSS?

Recommended Posts

Site URL: https://music.casio.co.uk/40th

hi everybody,

I'm trying to change the colour of the 'Download Your Free fanzine sample here' link at the top of page. I'd like it to be blue, then go to light blue on hover. At the moment it's grey and not very visable.

I've tried putting some custom CSS code into this, but just can't seem to find which block to tie the code to. Can anyone help please?

Many thanks in advance,


Link to comment


Use this code in Design -> Custom CSS

#block-yui_3_17_2_1_1599495604788_125794 span a {
    color: #185bff !important;
    transition: 0.5s all;

#block-yui_3_17_2_1_1599495604788_125794 span a:hover {
    color: #0da3d5 !important;

It has a transition on hover!
Please use the like button if it helps you!


Edited by IXStudio

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 1 year later...
47 minutes ago, boase333 said:

I figured that is probably the case right here with this one. I brought the whole thing in the manner you confirmed and its just not working. And I suppose for what I need it for it might be too complicated for squarespace to paintings with sadly.

Try submitted a new post with a link to your site, so that we can help you.

Contact Us for detailed help

Common Squarespace Tips

Sharing Your Site Link

Squarespace web designers in Perth WA.

Link to comment

Create an account or sign in to comment

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

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