Okay
  Public Ticket #1005914
Menu color on front page
Closed

Comments

  •  2
    lintonform started the conversation
    January 2, 2017 at 1:46pm

    I have changed the menu bars, with custom css but i dont know how to change the menu color och hover color for a specific page.

    i want the menu to be the same color (and the hover color) as the menu bar on the front page only

    Best regards

    /Niclas

  • [deleted] replied
    January 2, 2017 at 7:48pm

    Hi Niclas,

    Can you please try to be very specific about the question and explain it more to us, in this way we can easily understand you and give you the proper answer.

  •  2
    lintonform replied
    January 2, 2017 at 9:07pm

    i Think i am very specific, but i will try and do it even better

    On the front page of my site, www.lintonform.com i want the color of the menu to bee orange (#ed8b36), as an orange menu skin instead of black or White, also when i hover i want the hover color to be orange

    i have already used custom css to make the three bars on the right of the menu orange on the front page but i dont know how to make the menu text orange

  • [deleted] replied
    January 3, 2017 at 12:33pm

    Hi Niclas,

    Please go to your homepage and click Edit, then find  Parameters and Options > Custom CSS area and paste this CSS:

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a {
    color: #ed8b36 !important;
}
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-light ul.menu>li>a:after {
    background-color: #ed8b36 !important;
}
.menu-bar.menu-skin-light .hide-menu-text, .menu-bar.menu-skin-light .show-menu-text {
    color: #ed8b36 !important;
}

    Will set this ticket as solved from here.