Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 29, 2019 at 9:50 am #1131831
    linguservice

    Hi,

    I would like my main menu items (Start, Services, Über mich) to have blue font (#6786a1) and the button (Kontakt) to be blue (#6786a1) with white font (#ffffff).

    I can get the font either blue or white but can’t make it different. I tried with Advanced styling (everything gets blue, even though I inserted Main Menu Links –> font color #6786a1) or I use this CSS and it gets white for both links and button: 

    #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    color: #6786a1!important; 
}

    Do you know any solution for this?

    Thanks!

    August 29, 2019 at 5:42 pm #1132024
    Victoria

    Hey linguservice,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
 #top #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
   color: #6786a1 !important;
 }
  #top #header.header_color.av_header_transparency .av-main-nav > li.av-menu-button > a .avia-menu-text {
   color: #fff !important;
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 30, 2019 at 10:17 am #1132251
    linguservice

    Working! Perfect, thank you so much!

    August 30, 2019 at 10:20 am #1132255
    Yigit

    Hi,

    Glad Victoria could help!

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Different font color in Main Menu and Main Menu button’ is closed to new replies.