Nav Link - Coloured Background

Question

I am looking to customize navigation bar on my wordpress site to have a Surrounding colour for a 'Get a demo' Menu, you can have a look at website in the below link

https://www.punchtab.com/

How can i achieve the same in my WordPress site?

Any help with this would be greatly appreciated!

Gareth

Answer 1

You can do this by adding background-color: #DC286D; to the header-login-nav in the css.

#header-login-nav 
{
    padding-right: 10px;
    padding-left: 10px;
    background-color: #DC286D;
}

So on your wordpress site, you would need to change it on the navigation class/id (it would depend on your theme).

EDIT:

#menu-main-menu 
{
    background-color: #000 !important;
}