Monitor Reply

Support

Final Opacity

Permalink Browser Info Environment January 11, 2011 at 4:29 AM

Hi

Is there a way to have the final opacity of the dropdowns be at 90% rather than going all the way to 100%?

Thanks Ben

Type:	Discussion
Status:	New

MattWaters replied on Jan 12, 2011 at 1:28 pm Permalink Reply

Hi Ben,

Although there's no setting for transparency in the user interface, it seems possible to do so by modifying the Superfish CSS.

BHWW replied on Jan 13, 2011 at 3:30 am Permalink Reply

Hi Matt, Thanks for that, would you please give me some insight, i can see no obvious CSS declaration and i've tried adding an opacity class to certain elements but they seem to be overridden by the javascript or something??

Thanks

MattWaters replied on Jan 13, 2011 at 12:51 pm Permalink Reply

This worked for setting the opacity of just the dropdowns:

.sf-menu ul li {
   width:         100%;
   opacity: .9;

To set opacity for the whole menu:

.sf-menu, .sf-menu * {
   margin:         0;
   padding:      0;
   list-style:      none;
   opacity: .9;
}

Worked on the latest Firefox and Chrome. You might need to track down a css workaround to achieve a similar effect in older browsers.

Superfish Dropdown Menu

Support

Final Opacity

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post

Sign In?