Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 6, 2017 at 5:21 am #772949
    keeprain

    When I am in “home” page, the menu “home” will have a different color (grey) than other menu item. How can I change the color for the menu of current page or make the color always the same even it’s in the current page?
    I also want to remove the “|” between menu items and increase the space between menu items. How can I do it?
    Thank you!
    Menu

    April 6, 2017 at 5:23 am #772951
    keeprain

    See private content. Thanks.

    April 6, 2017 at 7:06 am #772972
    John Torvik

    Hi,

    To remove the small line separators, disable the option at Enfold Theme Options > Header > Separator Between menu items

    And to change the current menu color, add this custom CSS code at Enfold Theme Options > General Styling > Quick CSS

    
.current_page_item a {
color: #000 !important;
}

    Best regards,
    John Torvik

    April 6, 2017 at 3:40 pm #773267
    keeprain

    Hi, John, I am using “Eunoia” theme which don’t have the Theme Options -> Header -> Separator. Is there any other way to remove the Separator?

    April 6, 2017 at 3:44 pm #773270
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Eunoia > Styling or to your child themes style.css file:

    .main_menu ul:first-child > li > a {
    border: none;
    padding: 0 30px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.