Change Color of a Specific Portfolio Title

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: