Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

Background opacity, but not text, in YT Mega Menu
(1 viewing) (1) Guest
Report bugs, Userguide, New Ideas..
  • Page:
  • 1

TOPIC: Background opacity, but not text, in YT Mega Menu

Background opacity, but not text, in YT Mega Menu 12 years, 1 month ago #3882

  • CharlieMon
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
Hi - love the YT Mega Menu, but I can't figure out how to edit the CSS to make the background have an opacity effect and yet keep the text (the main menu links) with no opacity.

Any help?

Thanks!

Re: Background opacity, but not text, in YT Mega Menu 12 years, 1 month ago #3959

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Rob Genovesi,

Could you tell us about the css which you want to edit on yt mega menu module?

Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Background opacity, but not text, in YT Mega Menu 12 years ago #4072

  • CharlieMon
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
Hi

We have added opacity to the dropdown menu, but this also gives the text links the same opacity. What we'd like is for the background color to remain semi-transparent but the text links to be fully visible with no opacity.

I can send you a link to our site to show you if there is a way to do so while making it private.

Thanks for your assistance!

Re: Background opacity, but not text, in YT Mega Menu 12 years ago #4073

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Rob Genovesi,

Please send your site link to me if possible.

Thanks
Ticket System | Join our Clubs to download our extensions and templates

Re: Background opacity, but not text, in YT Mega Menu 12 years ago #4080

  • CharlieMon
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 3
  • Karma: 0
I couldn't figure out how to send a private message to you, so the URL is hmbbrewingco.com. You can see the orange background of the dropdown is semi-transparent, but this also makes the links semi-transparent and hard to read, especially in IE.

We're hoping you might know exactly what class or ID we need to add the opacity to so the text is more visible (no opacity). Or, alternatively, how to remove opacity from the text class or ID.

Thanks in advance.

Re: Background opacity, but not text, in YT Mega Menu 12 years ago #4085

  • loitt
  • OFFLINE
  • Platinum Boarder
  • Posts: 2222
  • Karma: 48
Hi Rob Genovesi,

You can set the opacity as 1 or remove the opacity of dropdown background by opening the megamenu-components.css file in "your_site/modules/mod_ytmegamenu/menusys/class/common/css", finding:

ul.navi div.mega-content-inner {
    background: none repeat scroll 0 0 orange;
    display: block;
    float: left;
    opacity: 0.8;
    padding: 0;
    width: 100%;
}


change to

ul.navi div.mega-content-inner {
    background: none repeat scroll 0 0 orange;
    display: block;
    float: left;
    opacity: 1;
    padding: 0;
    width: 100%;
}


------

You can also set the color of title of sub-menu items by opening the menustyle.css file in "your_site/modules/mod_ytmegamenu/menusys/class/common/css", finding:


ul.navi div.separator.level2, ul.navi a.level2 {
    background: none repeat scroll 0 0 transparent;
    color: #0B4666;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
}


change to

ul.navi div.separator.level2, ul.navi a.level2 {
    background: none repeat scroll 0 0 transparent;
    color: your_color;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
}


Thanks
Ticket System | Join our Clubs to download our extensions and templates
  • Page:
  • 1
Time to create page: 0.24 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes