Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1433701

    Hi Guys.
    I wanted to define a special color to the menu option “Button Style Colored” and used the lines by Yigit given in Post #669012 (that work well).

    #top #wrap_all .Header_color .AV-menu button-colored> A .avia-menu-text {
    Background: #50B849;
    }

    Is it possible to define a second color that is displayed at a mouse over event?
    Best regards
    Grobi

    #1433730

    Hey Grobi,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    #1433804

    Hey Rikard,
    of course. Please find it in the private content area.

    What you see there:
    Now the navigation link “Kontakt” has the “Button Style Colored” orange background – which is set in Enfold’s “general styling” settings.
    When I move the mouse over it, the colors changes a little bit.

    With Yigit’s code I can change the background to any other color – but unfortunately I can’t change the color slightly when mouse-over.
    In other words: for me, the font color of “Kontakt” should remain white, the background should be black, and when hovering, the background should turn orange.
    That’s definitely possible, isn’t it?
    :-)

    Thanks for help and best regards
    Grobi

    #1433814

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-166 a:hover {
      background-color: orange;
    }

    Best regards,
    Rikard

    #1433829

    Hi Rikard,
    thank you for your quick reply.
    Unfortunately this doesn’t work.
    I used now the “combination” between Yigits lines and yours:

    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
    background: black;
    border: none;
    }

    #menu-item-166 a:hover {
    background-color: orange;
    }

    Best regards
    Grobi

    #1433841

    Hi,

    Please try this instead:

    
    #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:hover {
      background: orange;
    }

    Best regards,
    Rikard

    #1435033
    This reply has been marked as private.
    #1435058

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1435066

    Thank you – no further help needed (here! ;-).
    Best regards
    Grobi

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘BackgroundColor for Menu “Button Style Colorted”’ is closed to new replies.