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
  • Replies 16
  • Views 660
  • Created
  • Last Reply

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

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

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

Change this line

image.png.7b3c52a4a60102b5617483ed4c879d34.png

to 

/* Change link colour on index page  */

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

 

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

 

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

You have to place code on the line 110

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

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

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

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.