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