Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 14, 2017 at 12:36 pm #733533
    Claudia

    Hello,
    My Page is http://mh2.betapage.ch/de/home/. I try to set the colors of Navigation in Advance Styling, but didn’t found all options I need. Everytime I try to add custom CSS I found here, the settings in Advanced Styling are not working no more. It’s better to set everything in custom CSS?
    Didn’t found all code I need for this. How can I set the Menu like this:
    Background MainMenu: #147cb4
    Textcolor: white
    Texcolor hover: grey
    Submenu-Background: white
    Submenu-Textcolor: black

    Thanks for help!
    Claudia

    January 14, 2017 at 3:59 pm #733567
    Vinay

    Hey Claudia,

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

    .main_menu ul > li > a {
   color:gold!important;
}

    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,
    Vinay

    January 14, 2017 at 9:06 pm #733657
    Claudia

    Hi Vnay,
    thanks for quick reply. Sorry for wrong PW corrected this in PM.
    I delete the changes in Advanced Styling and add your code. This is for the textcolor. Try to use other code, I found here
    https://kriesi.at/support/topic/main-navigation-menu-styles/ or
    https://kriesi.at/support/topic/mega-menu-text-color-and-spacing/
    but nothing works. Can you help?

    thanks
    Claudia

    January 16, 2017 at 9:24 am #733954
    Vinay

    Hi,

    Sure we will help you with this customization :)

    Remove the earlier code and try this in Enfold > General Styling > Quick CSS

    .main_menu ul > li > a {
   color:#FFF!important;
   background: #147cb4;
}

 .header_color .main_menu ul:first-child > li a, 
 .header_color .main_menu ul:first-child > li a:hover {
   color:#000!important;
   background: #FFF;
}

    Best regards,
    Vinay

    January 16, 2017 at 9:43 am #733958
    Claudia

    Hi Vinay,
    thanks for your help. With your code the main menu, haven’t background #147cb4. I add !important, but there was a white space and color of text was black. So only use

    .header_color .main_menu ul:first-child > li a, 
 .header_color .main_menu ul:first-child > li a:hover {
   color:#000!important;
   background: #FFF;
}

    and add the colors of main-menu in Advanced Styling. This works for me. Thanks!
    Only the search-symbol is already black in Main-Menu.

    Claudia

    • This reply was modified 7 years, 9 months ago by Claudia.
    January 16, 2017 at 9:47 am #733961
    Claudia

    P.S.:
    Looks like, everytime I change something in custom CSS Enfold lost the settings of Advanced Styling. Can you please check this?
    Or, what is another code to add background and color for main-menu?

    Thanks
    Claudia

    January 18, 2017 at 8:15 pm #735509
    Andy

    Hi,

    make sure no custom code is interfering with your settings inside Advanced Styling. To check this remove any custom code one by one to check which one could cause any conflicts.

    Best regards,
    Andy

    January 22, 2017 at 12:03 am #736870
    Claudia

    Hi Andy,
    I only have the above code in custom CSS and change colors of main menu in Advanced Styling. This works for me.

    Now I want to mark the activ page in navigation with another color. The marker below the navigation is too small. Can’t find an option for this. Can you help or does this needs a custom CSS. In this case I think, my changes in advanced Settings have to move to custom CSS?

    Thanks for your help
    Claudia

    • This reply was modified 7 years, 9 months ago by Claudia.
    January 24, 2017 at 9:14 am #737609
    Claudia

    Hello,
    can someone please help to mark the activ page in navigation with another color? Thanks very much!

    Claudia

    January 25, 2017 at 10:52 am #738259
    Vinay

    Hi,

    To change the active menu color Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.current-menu-item .avia-menu-text{
	color:gold!important;
}

    Best regards,
    Vinay

    January 25, 2017 at 3:53 pm #738420
    Claudia

    Hi Vinay,

    thanks. This works for me. Is there also a way to set the part of the navigation part to another color? I Found out this:

    .header_color .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, .header_color .main_menu ul:first-child > li.active-parent-item > a {
    background-color: #368EBD!important;
}

    Does it really need all the elements at the beginning or is there a much more elegant way?

    Thanks
    Claudia

    January 26, 2017 at 6:46 pm #739074
    Andy

    Hi,

    not sure what you’re trying to achieve, so can you provide us a mockup showing the results you want? then we can provide precise css code to achieve what you need. Use imgur.com or dropbox.

    Best regards,
    Andy

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