Change Color of a Specific Portfolio Title

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.

Could you please share the password so we can view your site?

@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

d3koB0ards

@christyprice

@christyprice It isn't top navigation. They (and the single link I'm wanting changed) are sub-page links within the overall portfolio page.

Which page is your portfolio page? 

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.

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

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

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. 

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?

Hi @designfordummies, @inside_the_square has the solution for you: 

Hi @christyprice is there a way to change the color of the hover state for portfolio titles?

@theeseanmartin

.portfolio-hover-item-title:hover {
  color: #990000 !important;
}

How do I target the fullbleed portfolio title with css code? 

On 1/18/2023 at 7:13 PM, tonton said:

How do I target the fullbleed portfolio title with css code? 

Where is page url? We can check & help you easier