Jump to content

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

Recommended Posts

Posted

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.

  • Replies 2
  • Views 834
  • Created
  • Last Reply
Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

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

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.