How can I change the color of a specific navigation item to red?

Hi guys,

I want to make the Black Friday item in my navigation red next week. How do I do this? I’m running this shop: www.padelcasa.com and I have the shopify theme Impulse from Archetype Themes.

I am happy for anyone helping me on this! Thanks!

Hello @Rubenentomas !

By adding custom CSS to your theme file you can make it red, can you please show me that item via screenshot so that I can check and can help you with the CSS code?

Hello @Rubenentomas ,
Can you please share navigation name.

Hi ICart_app,

Here the screenshot

@Rubenentomas
Can you please share this page URL.

https://www.padelcasa.com/collections/padel-racket-sale

But it’s not yet a live page.

@Rubenentomas ,

You can add this code below of online store >> edit code >> assets >> theme.scss file.

.site-nav__item a[href=“/collections/padel-racket-sale”] {
color: red;

}

.mobile-nav a[href=“/collections/padel-racket-sale”] {
color: red !important;

}

Thank you very much! I’ll try next week and let you know if it worked!

Hi @MandasaTech , does it matter where I paste the code? Or can I just put it as first in the theme.scss file?

You can add this code below of theme.scss file.

online store >> edit code >> assets >> theme.scss file.

I only have these two underneath “assets”

Yes please add our code on bottom of theme.scss

Whenver I paste this and try it with this link: https://www.padelcasa.com/collections/gift-cards and then only from /collections/gift-cards instead of the other link, but when i paste it at the bottom of the code page my whole site changed to a strange lay out..

I wanted to change the words “gift cards” in the header by adding this code:

Add this code bottom of theme.css

.site-nav__item a[href=“/collections/gift-cards”] {
color: red !important;

}

.mobile-nav a[href=“/collections/gift-cards”] {
color: red !important;

}

Hi @MandasaTech ,

I did this but then my whole site changed. Do you maybe want to help me with a video call?

Thanks in advance,

@Rubenentomas ,
Please share where you add this code.

Hi @MandasaTech ,

This is the bottom of where I wanted to add it.