Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

In regards to the COVID-19 situation

Your support team is currently doing their best to offer the best support possible despite the current COVID-19 situation. However during these exceptional circumstances, please note that you should expect a response time of 2-3 business days, until further notice.Rest assured that we will still do our best to handle your requests as soon as possible! Everyone stay safe and healthy! 😷

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

This topic is resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • botbead
    Participant
    • 40 Topics
    • 103 Posts

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

    botbead
    Participant
    • 40 Topics
    • 103 Posts

    sorry, i mean the grid mega menu.

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 607 Posts

    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,

    botbead
    Participant
    • 40 Topics
    • 103 Posts

    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.

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 607 Posts

    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,

    botbead
    Participant
    • 40 Topics
    • 103 Posts

    thank you for your help!

    Jean-Pascal
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 607 Posts

    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.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️