Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 9, 2015 at 11:04 pm #471178
    mrdan

    I add this to my quick CSS

    .header_color .main_menu ul:first-child > li > a { font-size: 18px!important; color: red!important; background-color: green!important; }
    .header_color .main_menu ul:first-child > li > a:hover { color: orange!important; }
    .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: blue!important; }

    font size changes, background color changes, but I cannot get any of the colors to change on main menu.

    Thank you for your help.

    July 10, 2015 at 9:03 am #471324
    Rikard

    Hi mrdan!

    You can set most of the properties for menu items under Enfold–>Advanced Styling. Please provide us with a temporary admin login if you should need any more help. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    July 10, 2015 at 8:25 pm #471713
    mrdan

    Hi Rikard,

    I went to advanced styling and changed the Main Menu Links and background colors and it worked. Afterwards, I was able to add to quick css bottom border styling. Is it possible to reduce the top part of the main menu container so that the background color does not extend as high, while leaving the position of the main menu text where it currently is?

    Best regards,

    Dan

    July 12, 2015 at 10:34 am #471997
    Rikard

    Hey!

    You can edit the size of the header under Enfold–>Header–>Header Size. I’m not sure that is what you are looking for though. Please let us know if you should need any further help customising your theme.

    Regards,
    Rikard

    July 30, 2015 at 11:48 pm #481002
    mrdan

    Hey! Thanks for your reply. What I actually want is to have the background color of the main menu on hover to not extend so high above the top of the main menu text, and keep the current size of the header.

    July 31, 2015 at 4:04 pm #481426
    Yigit

    Hi!

    It seems like you have figured it out already? :)

    Regards,
    Yigit

    July 31, 2015 at 5:14 pm #481485
    mrdan

    Still too much blue above the menu text. I like the positioning of everything as it is, but want just a little bit of blue background above the menu item when hovering over it.

    August 3, 2015 at 5:32 am #481861
    Ismael

    Hi!

    If you don’t mind, we would like to see a screenshot of what you’re trying to do. Use imgur or dropbox.

    Cheers!
    Ismael

    August 4, 2015 at 4:14 pm #482786
    mrdan

    I have included a link to a screenshot.

    August 5, 2015 at 3:08 pm #483392
    Andy

    Hey!

    try this code: 

    #header_main .container, .main_menu ul:first-child > li a {
height: 60px; 
}
span.avia-menu-text {
position: relative; 
top: -29px;
}

    Cheers!
    Andy

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