Lyra - How to Turn Off Shadows (or change their opacity)

To completely turn them off1:
Under Design > Developer > Custom CSS

.LowerShadow,
.GalleryShadow {
	visibility: hidden;
}

 

To change their opacity (in this case to 50%)2:
Under Design > Developer > Custom CSS

.LowerShadow,
.GalleryShadow {
	-moz-opacity: 0.5;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}

 

Note (1) -- do not use display:none -- we use the sizes of the shadows to calculate margins, if you completely turn them off, your site may exhibit erratic behavior.

Note (2) -- the shadows are already transparent PNG's -- any opacity less than 100% on versions less than version 9 of IE will make your shadows look horrendous.  just fair warning.

Have more questions? Submit a request

3 Comments

  • 0
    Avatar
    Tiffany Peterson

    Michael, is there an option on the Contact page to get rid of the shadow around the contact form boxes?  Even if I could just turn it to white to hide the shadow would be great.  Thanks for your time and I look forward to hearing any suggestions you may have!

  • 0
    Avatar
    michael sablone

    @tiffany -- sarin or lyra?

  • 0
    Avatar
    Tiffany Peterson

    Oops sorry, with Sarin

Please sign in to leave a comment.
Powered by Zendesk