Change the color of a single collection / navigation title

[vc6]

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.

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

Thank you!

[JohnE10]

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,

[PageFly-Noah]

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>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[David_SHT]

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>

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

David | SalesHunterThemes team