Jump to content

Change Color of a Specific Portfolio Title

Recommended Posts

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 comment

@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 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment

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

christyprice.com  🇺🇸 Austin, TX US 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment
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 !

Link to comment

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 

  For Web Designers: Squarespace Client Process Checklist. Save time and bring consistency to your web design projects. Receive a Notion doc template with my 100+ item client process checklist.

Link to comment
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 comment
  • 1 year later...
  • 9 months later...
On 1/18/2023 at 7:13 PM, tonton said:

How do I target the fullbleed portfolio title with css code? 
image.thumb.png.9fc713ddb2fd411d164467c8aac81127.png

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.