Jump to content

Change hyperlink colour on Index page only on Brine 7.0

Recommended Posts

Site URL: https://www.catherine-smith.co.uk

Hi, I'm trying to change the colour on links on the home page only. There are 3 links underneath the pictures half way down the index page that are in pink at the moment so they're not showing against the background. I'm trying to make them white using the following code but I'm clearly missing something! Can anyone help? Thanks.

#collection-5f75c5610cb6f82db92fc23c   
 p a {color: white !important;}

Link to comment

It worked when I checked, please make sure you added the code to Design->Custom Css

image.thumb.png.7f26c6c9a8cb833309c7865cdaf38e44.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
1 minute ago, designroomcornwall said:

That's odd, it's not displaying at all for me. The code is in the custom css box. I'll try a refresh

take a screenshot on how it looks on your custom css panel

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

Change this line

image.png.7b3c52a4a60102b5617483ed4c879d34.png

to 

/* Change link colour on index page  */

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
13 minutes ago, designroomcornwall said:

Have done that but still no change

Found root cause, remove these lines and place new code in the END of the file, under the } symbol

image.png.bc3805990419f71ff159dee44f604493.png

#collection-5f75c5610cb6f82db92fc23c p a {
    color: white !important;
}

 

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
3 minutes ago, designroomcornwall said:

I can't find those lines in my custom css (they are for a pricing block on another page). I don't have developer mode. Maybe I should give up and use buttons instead!

image.thumb.png.e712394e715a7877892c444b9893a861.png

Please give another try, this is simple issue, just you place it not in correct place, find them in your custom css panel

#collection-5f75c5610cb6f82db92fc23c p a {
    color: white !important;
}

 

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

You have to place code on the line 110

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
39 minutes ago, designroomcornwall said:

I think I might be going crazy!

Screenshot 2020-11-13 at 14.06.19.png

Lol , lets add me as collaborator of site bangank36@gmail.com , i will set thing right

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
39 minutes ago, designroomcornwall said:

I'll have to send you my login details as I can't add another contributor (my plan has max 2 people). I will email you.

You good now, it need to be at the end of file, out of any } symbol incase you explaination

image.thumb.png.29aeb8e12e7f96a54971b77c569969cc.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

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.