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

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,

#block-yui_3_17_2_1_1599495604788_125794 a {
    color: blue !important;
}

#block-yui_3_17_2_1_1599495604788_125794 a:hover {
    color: red !important;
}

Hi

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!

Best,
Leopold

Wow - two great solutions. Many thanks 🙂

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.