Change the text color of a single menu separator

Olá.

Gostaria de alterar a cor do texto de uma única guia no meu menu. No momento estou com o texto em preto, mas gostaria de colocar a aba “oportunidades” em outra cor. Alguém pode me ajudar?

Obrigado.

Hey @Ceduardomartins ,
Welcome to the Shopify community!
Please share your store URL.
So that I will check and let you know the exact solution here.
Thank you.
Raman!

Hello!

https://www.cabeceiras.pt/

Thanks!

Hey @Ceduardomartins ,
You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

.site-navigation .site-nav__item .site-nav__link {
     color: red !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

Hello @ReturnPrime .

I don’t have any base.css page.

In my code I have divided by header-mobile-nav.liquid and header-desktop-nav.liquid.

I can’t find where I can put the indication to change the color only in the text “Opportunities”

Hi @Ceduardomartins

Please add this code to theme.css file to change the text “Opportunities” color

.site-navigation .site-nav__item .site-nav__link[href*="/collections/oportunidades"] {
    color: red !important;
}
1 Like

Hi @ExpertRookie .

Thank you for your help!!

Part of the “problem” remained :grinning_face_with_smiling_eyes: on desktop everything was well resolved, but in the mobile version the black remains.

Hi @Ceduardomartins

Try this code on mobile

.site-header__mobile-nav .slide-nav__item .slide-nav__link[href*="/collections/oportunidades"] span {
    color: #993f3f!important;
}
1 Like

Hi @ExpertRookie

It worked! Flawless!

Thanks a lot for the help!