Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Change the color of a single collection / navigation title

Change the color of a single collection / navigation title

vc6
Visitor
3 0 1

Hi there!

 

I am using the Turbo theme and looking to change the color of a single navigation title.  I would like to change the "Holiday Gifts" title to red #D6001C but leave the remaining navigation titles as they are. I've tried a couple different codes and none seem to work.

 

vc6_0-1696957357302.png

 

 

The collection url is https://valerieconfections.com/collections/holiday-collection-preview

 

 

Thank you!

 

Replies 3 (3)

JohnE10
Shopify Partner
115 14 19

Hi,

 

This can be done with a bit of code modification. In your theme’s “Code Editor”, find the card collection liquid file (in the Dawn theme, the file is called card-collection.liquid, find its equivalent in your theme).

 

Then, you’ll need to paste the following code inside the <a> tag of the collection title:

 

 

{% if card_collection.title == 'Holiday Gifts' %}
  style="color: #D6001C;"
{% endif %}

 

 

The syntax for "card_collection.title" may be different in your theme, and if it is the code will need to be changed to reflect that.

 

That should produce the effect you’re looking for.

 

If coding is an issue and you can give me collaborator access, I’ll do the modification for you.

 

Cheers,

If my reply was helpful, Like and Accept. Or Buy Me a Beverage
App Development/Custom Modifications, Visit My Gig and let me how I can help
For help with your store speed optimization, Check Out My Other Gig
Feel free to email with any questions: ProjectCoder10@gmail.com

PageFly-Noah
Shopify Partner
1317 233 277

 

Hi @vc6 

 

This is Noah from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.toggle_list a[title="Holiday Gifts"] {
color: #D6001C;
}
</style>

PageFlyNoah_0-1696987137563.png

 

Hope this can help you solve the issue 

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

David_SHT
Globetrotter
605 125 126

Hi @vc6 ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Layout folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

 

<style>
.toggle_list li .active {
  color: #D6001C !important;
}
</style>

 

David_SHT_0-1696987485562.png

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)