i want to modify the opacity of grid menu items,how can i do it?

Home Forums Gwangi – Dating & Matchmaking Community Theme Website Setup Menus i want to modify the opacity of grid menu items,how can i do it?

This topic contains 6 replies, has 2 voices, and was last updated by  Jean-Pascal 5 days, 5 hours ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #7519

    botbead
    Participant
    • 8 Posts
    @botbead

    i want to modify the opacity of grid menu items,how can i do it? thank you.

    #7520

    botbead
    Participant
    • 8 Posts
    @botbead

    sorry, i mean the grid mega menu.

    #7523

    Jean-Pascal
    Participant
    • 143 Posts
    @themopteryx

    Hi @botbead,

    Do you want to remove the images overlay for this kind of mega menu?

    Could you please provide us with screenshots of your website? Please don’t hesitate to comment or highlight your screenshots to help us better understand your issue.

    Best regards,

    #7525

    botbead
    Participant
    • 8 Posts
    @botbead

    ok. eg. the image of the left menu item will be translucent , when i hover the mouse cursor over it. i want to modify it’s opacity.

    #7526

    Jean-Pascal
    Participant
    • 143 Posts
    @themopteryx

    Hi @botbead,

    To change this, simply add the following code snippet to your website:

    .main-navigation .navbar-nav > .menu-item.mega-menu.mega-menu--image-grid > ul.sub-menu > li.menu-item > a img.menu-image {
        opacity: 1 !important; /* 1 = no opacity, 0.5 = half opacity */
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    Regards,

    #7527

    botbead
    Participant
    • 8 Posts
    @botbead

    thank you for your help!

    #7530

    Jean-Pascal
    Participant
    • 143 Posts
    @themopteryx

    You’re welcome. 🙂

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘i want to modify the opacity of grid menu items,how can i do it?’ is closed to new replies.