Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Color with transparency in navigation submenu background when hovering

Home Forums Support Color with transparency in navigation submenu background when hovering

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #180843
    Fernando Díaz Gascón

    Hello,

    I get the color background in submenu background with transparency making two things: removing the color in the color addon option and adding this css:

    .main-navigation ul ul {
    background-color: rgba(249, 249, 244, 0.8);}

    My problem is that when hovering, I want also that color, but I dont know how to do it. I dont find the correct code.

    Thanks a lot.

    The web I am working on:
    http://maipacific.com.mialias.net/
    user: maipac482
    pass: 34OnUnwQ

    #180887
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Try this:

    .main-navigation ul ul li a:hover {
        /* CSS in here */
    }

    Let me know 🙂

    #180926
    Fernando Díaz Gascón

    I tried this:

    .main-navigation ul ul li a:hover {
    background-color: rgba(249, 249, 244, 0.8)!important;}

    with no good result. But I tried this:

    .main-navigation ul ul li a:hover {
    background-color: rgba(249, 249, 244, 0)!important;}

    Changing the transparency to 0 now it is ok. There was like a overlay of the transparency or something like this. I dont know if this is the best solution but it works.

    There is still an issue. The current link. I dont know how to put the background transparency in the element when I am in that page of the menu (“background current” in the colors addon).

    Thanks a lot.

    #180974
    Tom
    Lead Developer
    Lead Developer

    You would do this for the current page (not in sub menu):

    .main-navigation ul li.current-menu-item a

    And sub-menu:

    .main-navigation ul ul li.current-menu-item a

    #181006
    Fernando Díaz Gascón

    Done! Perfect. Thanks a lot!!

    #181079
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.