Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 8, 2014 at 2:27 pm #332419
    Marie

    Hi,

    Congratulations for 3.0 ! I was sooo waiting for this new version !!
    I’m starting a brand new project with it and also experimenting the child theme for the 1st time… :)

    Regarding the menu :
    1. Color font : I chose the color in General styling / logo area / logo aera font color : #00c472
    This is ok (for hover and/or selected item) but then it also has changed the color for “non selected-active items” to a pale green… What can I do to have these non selected-active items stay GREY – let’s say for example #919191 ?
    2. I would like to know how to eventually desactivate the “underlining” for items that are selected or hovered.
    3. I would like to align menu items to the bottom of the logo, instead of having them vertically centered (see second link).
    (knowing that I will have to make an english version of the site with WPML / I’m not at this stage right now but the idea is to have FR / EN in the header, a little above the menu items)

    Thank you very much for your help.
    Best regards,

    Marie

    October 9, 2014 at 1:57 pm #333206
    Yigit

    Hi marienoisette!

    1- Please go to Enfold theme options > Advanced Styling tab and edit “Main menu links”
    2- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .avia-menu-fx { display: none !important; }

    3- You have following code in Quick CSS

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 158px !important;
line-height: 158px !important;
}

    please change it to 

    #header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 158px !important;
line-height: 220px !important;
}

    Regards,
    Yigit

    October 9, 2014 at 3:44 pm #333288
    Marie

    Hey Yigit,

    Thank you !! 2 & 3 perfect !

    Strangely still have problems with problem n°1 though… which seems to be the easiest to solve !! I’ve tried to change again my colors in Enfold / General styling / logo area -> but I don’t get the result that I want…
    The “logo aera font color : #00c472” is impacting on all items… the only thing is that unselected items are a little lighter than the active or hovered item. This “pale green” that you can see is not a color that I have chosen. It looks like it’s my #00c472 but with less opacity… which I can’t control from General Styling… And I don’t want them to be lighter, I want them to be in another color -> grey for example.
    And the “primary color” doesn’t have any impact either, at least on the menu items. Hope I’m not being too much dum… ;)
    Please let me know if you have another idea or if you need my codes to “get in” eventually… If so please give me a mail as apparently I don’t have anymore the possibility to add private data.

    Thank you Yigit !!!
    Best regards,

    Marie

    October 10, 2014 at 12:42 am #333527
    Yigit

    Hi Marie!

    Please add following code to Quick CSS as well

    .header_color .main_menu ul:first-child > li > a {
color: #919191;
}

    Best regards,
    Yigit

    October 10, 2014 at 7:54 am #333714
    Marie

    Great ! it works now ;))
    Thank you again for your help Yigit !
    Kind regards,
    Marie

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