Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 22, 2014 at 4:25 pm #213358
    ekessler

    Hello-
    I am using the black theme color with a gray header background. I’d like to have the menu text be black, but hover in yellow and have the active page yellow. Can you please help me do this?
    Many thanks.
    EK

    January 22, 2014 at 4:28 pm #213360
    Yigit

    Hey ekessler!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .header_color .main_menu ul:first-child > li > a { color: black; } /* color of main menu items */
.header_color .main_menu ul:first-child > li a:hover { color: yellow; } /* hover state of main menu items */
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a { color: yellow; } /* color of active menu item */

    Regards,
    Yigit

    January 22, 2014 at 4:38 pm #213373
    ekessler
    This reply has been marked as private.
    January 22, 2014 at 4:43 pm #213382
    Yigit

    Hi!

    You can use following codes to make changes you would like to make

    .iconbox_icon { color: red !important; } /* changes the color of icon when positioned on the left */
.main_menu ul:first-child > li > a { font-family: 'PT Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* changes the font family of main menu to PT sans  */

    Best regards,
    Yigit

    January 22, 2014 at 5:01 pm #213404
    ekessler

    Thanks again!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Menu Color’ is closed to new replies.