Link to home
Start Free TrialLog in
Avatar of ksbunger1
ksbunger1Flag for United States of America

asked on

DotNetNuke SolPartMenu- How to change the Opacity?

I am using DotNetNuke 4.8.2 and was hoping to make my SolPartMenu "See Through". The problem is, when I change the opacity for the submenu, it also makes everything "see through" including the text. I need the background color of the drop-down box to be "see through" but the font to stay a solid color. I also want the (SubMenuItemSelect) to be a solid color. So once your scroll over an item in the menu that item is no longer "see through". Any clue how I can achieve this?
 I have included the code that I am using so far.

Thanks.
//****SKIN FILE****//
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separator="<img src=&quot;sep.jpg&quot; valign=&quot;bottom&quot; height=&quot;15&quot;>" RootMenuItemCssClass ="MyRootMenuItem" RootMenuItemSelectedCssClass="MyRootMenuSelectedItem" submenuitemselectedcssclass="SubMenuItemSelect" submenucssclass="spmsub"  />		
//****************//
 
 
//****CSS FILE****//
.spmsub{
background-color:#CCCCCC;
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica;
font-size:9pt;
font-style:normal;
font-weight:bold;
opacity: 0.2;
filter: alpha (opacity=20);
} 
 
.spmsub .SubMenuItemSelect{
background-color: #CCCCCC;
color:#FFFFFF;
position: relative;
z-index:1000;
opacity: 1;
filter: alpha (opacity=100); 
}      
//**************//

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of mreuring
mreuring
Flag of Netherlands image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of ksbunger1

ASKER

Thanks man, I appreciate your help. This works perfect. I'm upset that I did not think to do this myself. Great job!!!!
Perfect! This does exactly what I needed. Thank you!
My pleasure :)