Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #784568

    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

    #784569

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

    #784686

    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

    #785576

    Hi Jordan

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

    Br
    ChangeGroup

    #785710

    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

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