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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

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.