CSS parameter to change the menue

  • Hello

    I would like to change some paramaters of the menue of my website.
    I know it has to be done via CSS commands. The problem is, that are dozens of parameter to change e.q. the colour of the background, the color of the text itself and so on.

    But how do I find out the name for the CSS parameter I want to change?

    I already find out that I can change the color of the text itself with this CSS command:
    .main-navigation a { color: #DF013A; }

    And I also find out that I can change the background color via this command:
    .main-navigation { background-color: #333333; }

    But if i go with the mouse over a menu item and the submenu opens, i don’t know the parameter for the color of the background color of the submenu or the parameter for the mouse-over color of the submenu. And I haven’t found anything on the Internet about how to find out the names for the dozens of parameters that you can change in the menu.
    And these parameters or command could be different for different themes, couldn’t they?

    Can somebody help me?

    thanks in advanced

    Andreas

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey,

    To change the style of submenu you may go to your?Dashboard > Appearance > Customize > Additional CSS
    Add this:

    .main-navigation ul li ul li a{
    background-color: pink;
    color: red;
}
.main-navigation ul li ul li a:hover{
    color: yellow;
    background-color: blue;
}

    Good Day,
    Best Regards.

    Thread Starter Andreas_HGW

    (@andreas_hgw)

    Hello

    thanks for the answer. I have found a good solution using the “SiteOrigin CSS” plugin. But now I have the next problem. For PCs everything looks fine now. But for mobile phone’s some color’s of the menu are different than for the PC. And I do not know how to change this.

    Andreas

    Hey,

    From your site it seems you are asking for active menu color. Here’s the code you may use to change the color:

    @media screen and (max-width: 767px) {
    .main-small-navigation .current_page_item a{
        color: red;
 }
}

    If this is not what you want then could you be more specific about which menu item?

    Good Day.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS parameter to change the menue’ is closed to new replies.