designfordummies 1 Share Posted April 17, 2020 Site URL: https://deko-test2.squarespace.com @tuanphan I've noticed how helpful you've been in other threads. Or, if anyone else has any ideas I would greatly appreciate it. I'm hoping to make the 3rd portfolio title link red on the homepage (which is actually a portfolio main page.) I can't seem to find any code help. Assuming I need to target the specific link but am unsure how. Link to post
0 christyprice 650 Share Posted April 17, 2020 Could you please share the password so we can view your site? christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 christyprice 650 Share Posted April 17, 2020 @designfordummies, if these are navigation links I have a blog post that walks through how to change the color: https://christyprice.com/squarespace-tips-tricks/change-color-navigation-item christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 designfordummies 1 Author Share Posted April 17, 2020 @christyprice It isn't top navigation. They (and the single link I'm wanting changed) are sub-page links within the overall portfolio page. Link to post
0 christyprice 650 Share Posted April 17, 2020 Which page is your portfolio page? christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 designfordummies 1 Author Share Posted April 17, 2020 31 minutes ago, christyprice said: Which page is your portfolio page? The home page is the portfolio title page. The 3 large words over the background image are linked. Would like 'flexible.' to be red if possible. Link to post
0 christyprice 650 Share Posted April 17, 2020 @designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS .portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 { color: #e51937 !important; } If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code. tuanphan 1 christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 designfordummies 1 Author Share Posted April 17, 2020 2 hours ago, christyprice said: @designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS .portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 { color: #e51937 !important; } If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code. Awesome. Worked. Thank you @christyprice ! christyprice 1 Link to post
0 designfordummies 1 Author Share Posted April 21, 2020 @christyprice Hi again, I noticed on your website that you promote Ghost's super slideshow with text plugin for 7.1. Do you happen to know if that plugin allows for multiple instances of a super slideshow on a page? Link to post
0 christyprice 650 Share Posted April 21, 2020 Hi @designfordummies. Yes, the Ghost plugin (aff) for super slideshow in 7.1 does work for multiple slideshows on a page. You'd just need to create a different Blog for each slideshow. christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
0 designfordummies 1 Author Share Posted April 23, 2020 On 4/17/2020 at 4:47 PM, christyprice said: @designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS .portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 { color: #e51937 !important; } If you change the URL of that page, you'll also need to update it in the code. And if this same layout appears on another page and you don't want the red, just add a collection ID to this code. I have one more question @christyprice I can't seem to target the correct id for my social icons on the home page so I can make them white like the navigation. What would that tag be? Link to post
0 christyprice 650 Share Posted April 23, 2020 Hi @designfordummies, @inside_the_square has the solution for you: christyprice.com 🇺🇸 Austin, TX US ✅ Download a FREE Squarespace Prelaunch Checklist 7 Best Squarespace Plugins • 8 Best Premium Squarespace Template Shops • Resources for Designers Link to post
Question
designfordummies 1
Site URL: https://deko-test2.squarespace.com
@tuanphan I've noticed how helpful you've been in other threads. Or, if anyone else has any ideas I would greatly appreciate it.
I'm hoping to make the 3rd portfolio title link red on the homepage (which is actually a portfolio main page.)
I can't seem to find any code help. Assuming I need to target the specific link but am unsure how.
Link to post
Top Posters For This Question
8
6
Popular Days
Apr 17
10
Apr 21
2
Apr 23
2
Top Posters For This Question
designfordummies 8 posts
christyprice 6 posts
Popular Days
Apr 17 2020
10 posts
Apr 21 2020
2 posts
Apr 23 2020
2 posts
Popular Posts
christyprice
@designfordummies, you'd just need to target that specific element based on its link. Add this to Design > Custom CSS .portfolio-hover-items-list a[href="dekomarkerboards/flexible"] h1 { col
designfordummies
Awesome. Worked. Thank you @christyprice !
13 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment