Changing one of menu texts

I want change only “İNDİRİM” color to red

how can I do that?

Attachments:

You must be logged in to view attached files.

help still needed.

Hello,

Please enable the call to action option in the menu item https://prnt.sc/vseyyn and I will provide custom CSS.

Best Regards

Enabled.

https://gyazo.com/31b16198cf2866d42a00c5bbb1074ca5

Hello,

Please provide your site URL, if the site is under construction please provide the credentials into the Private area.

Best Regards

Hello, information in private content. thanks.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .main-nav .item-level-0.callto-btn>a{
background:transparent;
color:red!important;
}
body .main-nav .item-level-0.callto-btn>a:hover{
background:transparent;
color:red!important;
}

Best Regards

Hello code is working but there is a gap between other menu texts and it does not show underline effect

here is what I’m talking about:

https://gyazo.com/762cae9ebab1ff2bb9831acf92203e24

Hello,

Please deactivate call to action in the menu item and replace the provided code for this one:

.whb-color-dark .navigation-style-default .item-level-0:last-child > a {
    color: red;
}
.whb-color-dark .navigation-style-default .item-level-0:last-child > a:hover {
    color: red;
}
body .navigation-style-underline .nav-link-text:after{
color:red;
}

Best Regards

disabled call to action but this time text turned black

https://gyazo.com/66991066df3c6e5b7a9dcb4ced975fe4

Hello,

Please add this code:

body .whb-color-dark .navigation-style-underline .item-level-0:last-child a{
color:red;
}
body .navigation-style-underline .nav-link-text:after{
	background-color: red;
}

I have checked it works.

Best Regards

yes it works! thank you so much.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts