Menu Bar Color

How can I make my menu bar title “client login” be the color #f16378 when it is not rolled over and the color white when it is rolled over. This is the only menu bar title I want to change. I imagine there is some custom CSS to quickly add but I don’t have a clue of what the exact needed code is.

Thanks!

Hi @cmcfield,

I hope you are well today and thank you for your question.

Could you please share me your site URL where it’s displaying so that i can help you?

Kind Regards,
Movin

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS


.navbar-default .navbar-nav > li.menu-item-393 > a {
    color: #f16378;
}
.navbar-default .navbar-nav > li.menu-item-393 > a:hover {
    color: #fff;
}

Hi I tried adding the code but it did not work. I kept the CSS in the Custom CSS box so you can troubleshoot it.

Also, I changed the menu order around so now I would like to highlight the word ‘join’ with the color #f16378 when it is not rolled over and #fff when it is rolled over. This is the only menu bar title I want to change.

Lastly what would the code be to do the same thing for the footer where the word ‘join’ is #f16378 and when rolled over is the current rollover color.

Thanks!

Hi I tried adding the code but it did not work. I kept the CSS in the Custom CSS box so you can troubleshoot it.

I troubleshooted it on your site and found the greater than symbol is converted automatically to HTML entity there it is not working so please try using the below CSS code instead.

.navbar-default .navbar-nav li.menu-item-393 a {
    color: #f16378;
}
.navbar-default .navbar-nav li.menu-item-393 a:hover {
    color: #fff;
}
Also, I changed the menu order around so now I would like to highlight the word ‘join’ with the color #f16378 when it is not rolled over and #fff when it is rolled over. This is the only menu bar title I want to change.

Lastly what would the code be to do the same thing for the footer where the word ‘join’ is #f16378 and when rolled over is the current rollover color.

To help us keep support thread separates could you please create new thread for your new question here Unite Theme - Colorlib Support Forum instead of replying on your existing thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Hi Movin-

I the new code worked. Thank you!

I will create a new ticket for my other question.

You are most welcome here :slight_smile: