NAVIGATION BAR , CHANGE A SPECIFIC COLOUR OF A NAVIGATION BAR BUTTON

[abzgraphics]

HI , AM TRYING TO EDIT A FEW THINGS ON MY WEBSITE & AM A LITTLE STUCK AT THE MOMENT . IS IT POSSIBLE IF SOMEONE CAN HELP . 

 

I HAVE A NAVIATION BAR ON MY WEBSITE , WHICH CONTAINS A BUTTON CALLED "MEGA SALE" , MY MAIN AIM IS TO HIGHLIGHT THE BUTTON RED SO IT STANDS OUT FROM THE REST OF THE BUTTONS .  HOW CAN I GO AHEAD AND ACHIVE THIS ? YOUR HELP WILL BE MUCH APPRECIATED !

 

website : http://bit.ly/1B9XBsH

 

THANK YOU 

REGARDS

 

 

 

[Paulito]

Hello

 

You could add this code to the bottom of global.css

 

#header .sf-menu > li:nth-child(8) {background-color: #c20000!important;}

 

Result

 

http://screencast.com/t/6m0mJc5cwHmu

 

The (8) is the eighth menu item - their is a better way of approaching this where you can always keep the last menu item as a different colour but I caan't remember it at the moment.

 

Paul

 

PS. It is really a good idea Not to capitalize your posts, it looks like your shouting

Edited June 13, 2015 by Paulito (see edit history)

[Paulito]

Hello again,

 

Just remembered, you can use this code to always keep the last tab in your nav bar a certain colour:

 

.sf-menu > li:last-child {background-color: #c20000!important;}

 

Paul

[abzgraphics]

  On 6/14/2015 at 6:03 AM, Paulito said:

Hello again,

 

Just remembered, you can use this code to always keep the last tab in your nav bar a certain colour:

 

.sf-menu > li:last-child {background-color: #c20000!important;}

 

Paul

 

HI ,  Thanks for your help , ive implemented this & managed to get the red background working . the only issue is that the text is grey & it does not stand out with the red back ground . is there a way i can make it white ?