color of one menu-item

Hi,

in the topnav-menu of my appsProTech - Template is the login button with a yellow background and rounded corners. Unfortunately I deleted the button because I don't need the login-function.
What I instead want to add is the menupoint: called "Neu" (New) which I would love to get also in yellow or another background color.
I guess there must be a css class I can add but do not know what and where I have to add the additional information.
Could you please help.
Thanks a lot,

Sandra

Hi,
go to menu item settings. In right column you have 'Menu Params (Gavick Pro)' section. In this section you will find 'Additional class' option. Please add here your class for example 'myclass' and try add to override.css

Code: Select all

.mycalss {
font-size: 10px;
font-weight: bold;
height: 20px;
line-height: 21px;
padding: 0 12px;
text-transform: uppercase;
background: #FCDA3B;
color: #353639;
text-shadow: 0 1px 1px white;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: background 0.2s ease-out;
-moz-transition: background 0.2s ease-out;
-o-transition: background 0.2s ease-out;
-ms-transition: background 0.2s ease-out;
transition: background 0.2s ease-out;
}


and remember to enable override.css option in template settings.

thanks very much! works great!