Jump to content

[Share] Change color of Category text

Recommended Posts

To change color of Product Category text on Shop/Category Page, you can use these CSS code.

If it doesn't work, you can send link to shop page on your site, I will check again.

#1. Category navigation text color on All Shop/Category Pages

li.category-item a {
    color: #f1f;
}

image.png.9486592d43d3e1586530af2c25b03d1f.png

Result

image.png.4762f6475f32d51032bfc6374104cffd.png

#2. Category navigation text color on One Page

You can use code to Page Header Injection

<style>
li.category-item a {
    color: #f1f;
}
</style>

image.png.ed1535651e1d632d02d2b90a30ec012a.png

#3. Specific category navigation text (One Page)

Use this code to Page Header Injection

<style>
li.category-item:nth-child(3)>a {
    color: #f1f !important;
}
</style>

image.png.3a68501e045cbcd6268faba9e7c97b4e.png

Result

image.png.a3c5c85950249b85254b9b497b395ff5.png

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Replies 0
  • Views 722
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.