Mobile Customers | Powered by Your Brand
Call Us: 480-614-9000

Is it possible to only reduce the transparency of the menu background, but leave the text and icons at 100%?

My question is in regards to the menu transparency.  When I reduce the opacity of the menu it reduces not only the menu background transparency, but also the text and icon transparency.  Is it possible to only reduce the transparency of the menu background, but leave the text and icons at 100%?

Solution:

Absolutely! You can do this in the Custom CSS on the left side navigation. In order to make the background transparent but leave the text at 100%, get rid of the current CSS you have for opacity and add:

.iMenu ul { background-color:rgba(0,0,0,0.2); }

You can play around with the numbers in the code until you find what you like. The current numbers have the background black with almost complete transparency.

rgba(0,0,0,0.2) R= amount of Red in the background,
rgba(0,0,0,0.2) G= amount of Green,
rgba(0,0,0,0.2) B= amount of Blue, and
rgba(0,0,0,0.2) A= Alpha or transparency. So A=1.0 would be solid, A=0.0 is invisible and A=0.5 is translucent

If you have a Hex Color that you like, you can convert it to RGB here

Leave a Reply

CAPTCHA *

14358 N Frank Lloyd Wright Blvd. Suite 15
Scottsdale, Arizona 85260
Phone: 480.614.9000
      

Brands & Partners