Best practice forum (Archived)

Changing CSS of menu items

 
Matthew Shilling
Changing CSS of menu items
by Matthew Shilling - Thursday, 20 April 2017, 4:16 AM
 

Hi All,

I'm sure this will have been covered many times but finding something that I can apply directly is proving to be difficult.

I'm very simply attempting to give css style properties to the menu tabs (both the link text and the background colour). I have successfully changed the link colour for all links on the site, but I want to target those within the menu tabs specifically.

Using the debug in Chrome I'm able to see that each menu tab has a unique class.

Currently I have the following saved within the head of the additional HTML:

.menu-home first a:link {color: white!important; font-size:100px!important;}

For whatever reason the 'menu-home first' class isn't pulling through these style properties - any ideas?