Jump to content

How can I change the color of a specific hyperlink in my footer?

Recommended Posts

Site URL: https://magnolia-clavichord-z2y7.squarespace.com/config/pages

Hello Everyone,

 

I am trying to change the color of a specific hyperlink in the footer of my website. I have read a few posts on here with a similar query but I dont know if the codes in CSS work universally because I cant seem to get it to change anything on the site and I know nothing about coding. There's already some scripts in the box and I dont know what they do so don't want to touch them.

 

I am new here and not sure how to post a link to my page but it says https://magnolia-clavichord-z2y7.squarespace.com/config/pages in the browser so I just copied and pasted it here.

The link im trying to edit in the footer is the one that says 'December opening times'. I'd like that to be in white instead of orange like the rest of the links.

 

Thanks a ton in advanced for anyone who is able to help out.

Link to comment
  • Replies 2
  • Views 739
  • Created
  • Last Reply
4 minutes ago, Stork_Restaurant said:

Site URL: https://magnolia-clavichord-z2y7.squarespace.com/config/pages

Hello Everyone,

 

I am trying to change the color of a specific hyperlink in the footer of my website. I have read a few posts on here with a similar query but I dont know if the codes in CSS work universally because I cant seem to get it to change anything on the site and I know nothing about coding. There's already some scripts in the box and I dont know what they do so don't want to touch them.

 

I am new here and not sure how to post a link to my page but it says https://magnolia-clavichord-z2y7.squarespace.com/config/pages in the browser so I just copied and pasted it here.

The link im trying to edit in the footer is the one that says 'December opening times'. I'd like that to be in white instead of orange like the rest of the links.

 

Thanks a ton in advanced for anyone who is able to help out.

Kindly add this to DEsign->Custom Css

a[href*="/s/Stork-Calendar-18-12.jpg"] {
  color: #fff !important;
  background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
}

image.thumb.png.907250d5a8df081a2256c3dfa5cd4766.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
2 minutes ago, bangank36 said:

Kindly add this to DEsign->Custom Css


a[href*="/s/Stork-Calendar-18-12.jpg"] {
  color: #fff !important;
  background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
}

image.thumb.png.907250d5a8df081a2256c3dfa5cd4766.png

Thank you so much! It works like a charm. I wish I understood how to do it myself so I wouldnt resort to asking for help every time. But thank you so much.

Link to comment

Archived

This topic is now archived and is closed to further replies.


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