How can I change a single element in the main menu to have a different color (using a theme)

[VIDAS]

How can I change a single element in the main menu to have a different color (using a theme template)? 

We want to change just a single line of text in the drop down menu to have a different color compared to the rest. The rest are white, we want "ПРОТЕИНОВИ" to be in pink.

Could you give me a script to do that? Thanks in advance!

The website URL: https://vidas.bg/

 

 

[JasmeetVT14313 · Accepted solution]

Hi @VIDAS 
Try adding below code to end of theme.css file

@media only screen and (min-width: 1024px) {
.submenu.submenu--items-3 li.submenu-item:nth-child(2) ul li.submenu-item:nth-child(5) a {
    color: #ea3a86;
}
}

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[VIDAS]

Thanks a ton! 

[Vinsinfo]

@VIDAS Please follow below steps to change single element menu color. Let me know whether it is helpful for you.

1. From admin go to "Online stores" -> "Themes"

2. Click action button from the current theme and select "Edit code".

3. Search for "theme.css" file and paste the below code at the bottom of the file.

a.submenu-item__link[href^="/pages/protein-drinks"] {
    color: #ea3a86 !important;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.