Happy International Labor Day 2024! Get 35% OFF for All Products, Membership and Services
VIEW MORE
labor_day"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Joomla - Members Only
Joomla Extensions
SJ Mega Menu Module

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

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

Background opacity, but not text, in YT Mega Menu 11 years, 10 months 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!
Reply Quote

Re: Background opacity, but not text, in YT Mega Menu 11 years, 10 months 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
Reply Quote

Re: Background opacity, but not text, in YT Mega Menu 11 years, 9 months 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!
Reply Quote

Re: Background opacity, but not text, in YT Mega Menu 11 years, 9 months 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
Reply Quote

Re: Background opacity, but not text, in YT Mega Menu 11 years, 9 months 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.
Reply Quote

Re: Background opacity, but not text, in YT Mega Menu 11 years, 9 months 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
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Joomla - Members Only
Joomla Extensions
SJ Mega Menu Module
Powered by Kunena
Time to create page: 0.22 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.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme
AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

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

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