Hover Effects

[Kdob]

Hello,

I need some help with the CSS to modify my theme. With the drop down menu, I want a hover colour box to appear, and then when you select an item that it changes colour as well. 

here is my website: ncc.wa.edu.au

I think the hover effects on this site (just not the colour): https://aitbiotech.weebly.com/about-us.html 

thank you

[PaulMathews]

@Kdob Modify the hover state css for the menu link items as follows (do a search for "#wsite-menus .wsite-menu li a:hover" in your site's css to locate this element and modify it as shown below):

#wsite-menus .wsite-menu li a:hover {
    /* Change menu link background to brand green and font color to brand yellow */
    color: #ffdd03;
    font-weight: bold;
    background: #00634d;
}

This will add hover background and font colors that match the colors in your school crest. Note that you'll have to concede to the use of the American spelling of "color" (you'll have to drop the European "u" because the savagery of American English spelling unfortunately is a requirement in the coding world). I noticed that you had your transitions in this element. They should be in the non-hover state element, not here.

[Kdob]

This is fantastic. Thank you so much!