menu button colours

bsacue
June 20, 2013 at 9:40 pm #7620
After seeing Prasanna site i have searched the net to try and find out how he did his menu button colours could someone tell me would this work and if so how do i add it?, if the themes custom css?

sorry very new trying to make my site better, the menu-item IDs are correct for my site
```
#access #menu-item-645 a:hover {background-color:#ffff00;}

#access #menu-item-840 a:hover {background-color:#339900;}

#access #menu-item-652 a:hover {background-color:#663300;}

#access #menu-item-656 a:hover {background-color:#0000ff;}

#access #menu-item-663 a:hover {background-color:#ff33ff;}
```
thank you
Anonymous
June 21, 2013 at 4:40 am #38779

Remove #access
bsacue
June 21, 2013 at 8:30 am #38780
Thanks, but im stuck again i thought the ID’s was correct but for some reason the drop down menus tabs change colour now on hoover and not the menu tab titles and thats what im after changing when mouse over.

for example i would have said 840 was correct ID but although i have added 840 as seen above it doesn’t change when hoover but the tab in that menu does?

any idea please

MY SITE
```
</li>

<li id="menu-item-840" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-ancestor menu-item-840"><a href="http://bsa-cuesports.com/bradford-billiard-competitions/"><center>Bradford Billiards</center></a>

<ul class="sub-menu">

<li id="menu-item-843" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-843"><a href="http://bsa-cuesports.com/bradford-billiard-competitions/moorhouse-sheild/">Moorhouse Sheild</a></li>

</ul>

</li>
```
bsacue
June 21, 2013 at 8:34 am #38781

looking at my source would you say my ID’s are correct for second menu items? games leagues and yorkshire league those items i want to try and change not the sub menu items

I thought i had correct ID’s obviously not please can someone take a look at my source about line 336 thanks

http://bsa-cuesports.com/

temp remove for now but the menu sub items did change colour i want to main tab items
bsacue
June 21, 2013 at 7:40 pm #38782
argg so confusing and difficult to understand all these codes, i tested the code below and this change the background using the ID so i know the ID im using above is correct

But i did notice after doing this the text wasn’t visible it change to white grr

what im trying to get is different colour second menu items when hover but also the text to change to black when hovered over and help would appreciate it please its really difficult to understand

thanks all
```
#menu-item-645 {

background: #FFFF00;

}
```
Anonymous
June 22, 2013 at 3:16 am #38783
```
#menu-item-645:hover {

background: #FFFF00 !important;

}
```
.. simple as that ..
bsacue
June 22, 2013 at 8:11 am #38784

argg you make it so easy its frustrating to see but unless you know its very hard to find the codes like :hover and important is there a list of these codes sorry i have no idea just would be nice to try and understand a little bit

appreciate it Prasanna SP really do and i suppose my first post was all wrong then?

Anonymous
June 22, 2013 at 1:24 pm #38785

Well, keep experimenting with CSS and you’ll become a CSS Pro soon! http://www.w3schools.com/css/