Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #24621

    I am trying to change the hover color of the menu items. I was able to change the regular color by changing the .header_color css but coudn’t find a way to change the hover color. Can anyone please help me change the a:hover color of the menu item (not the drop down menu, I am talking about the main items)


    No one? Please I couldn’t figure out the css i have to modify.


    Hi amioamar,

    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top .header_color .main_menu ul:first-child > li a:hover {
    color: #cc00cc;

    As an aside, our Queue system goes by last posted reply in a topic so self bumping a post sends it to the back of our Queue and not forward.




    Thank you very much for the reply. Bumping the topic wasn’t my intention, I was just kind of frustrated by not finding the solution myself.

    Btw the solution didn’t work. I figured out the (sort of) solution myself by adding these lines, sharing here so if in future if anyone else needed the help,

    #top .main_menu ul li a:hover {

    color: #ff4c47;


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Menu hover color’ is closed to new replies.