Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 28, 2017 at 2:28 pm #784568
    changegroup

    Hi team enfold,

    I have issues changing the color of our menu-button (Digital). We’ve tried applying the different CSS suggestions in this forum. But none seems to change anything, which lead us to thinking, that maybe we had some CSS overruling other CSS code.

    But can’t seem to find the answer.

    Could any of you help?

    CSS we use together with changes in functions.php, that effects main menu:

    .main_menu .menu li ul a {
font-size: 14px!important;
color: #2c4143!important;
}
.current-post-ancestor.current-menu-parent a { color: #003366;
font-weight: bold !important;
}
.nyhed #header .av-main-nav > #menu-item-7810 > a .avia-menu-text { 
color: #2c4143 !important;
}
.nyhed #header .av-main-nav > #menu-item-7810 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}
.cases #header .av-main-nav > #menu-item-9314 > a .avia-menu-text { 
color: #2c4143 !important;
}
.cases #header .av-main-nav > #menu-item-9314 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}
.promising-practice #header .av-main-nav > #menu-item-5520 > a .avia-menu-text { 
color: #2c4143 !important;
}
.promising-practice #header .av-main-nav > #menu-item-5520 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}
.investor-relations #header .av-main-nav > #menu-item-7412 > a .avia-menu-text { 
color: #2c4143 !important;
}
.investor-relations #header .av-main-nav > #menu-item-7412 > a > .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}
.current-page-ancestor .avia-menu-fx {
opacity: 1!important;
visibility: visible!important;
border-color: #2c4143!important
}
.current-page-ancestor .avia-menu-text {
    color: #2c4143 !important;
}

    And we have other, but they relate to either submenu og widget menu.

    Br
    ChangeGroup

    April 28, 2017 at 2:30 pm #784569
    changegroup

    And we just want the color of the button the be green: #23a14a and black: #2c4143 on hover.

    April 28, 2017 at 4:33 pm #784686
    Jordan Shannon

    Hi,

    This should be fixed. I added the following to quick css:

    #menu-item-10007 a span.avia-menu-text{
background-color:#23a14a!important;
color:#fff!important;
}

#menu-item-10007 a span.avia-menu-text:hover{
background-color:#2c4143!important;
color:#fff!important;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.av-menu-button.av-menu-button-colored.menu-item-top-level.menu-item-top-level-6 a:hover{
color:#fff!important;
}

    Please let me know if this is what you needed.

    Best regards,
    Jordan Shannon

    May 1, 2017 at 8:21 am #785576
    changegroup

    Hi Jordan

    Perfect – and thank you for helping so quickly.
    Thanks mate!

    Br
    ChangeGroup

    May 1, 2017 at 1:40 pm #785710
    Yigit

    Hi,

    Glad Jordan could help! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

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