Private: Home › Forums › HTML Templates › Mixed Modern and Professional HTML Template › Rev Slider › Reply To: Rev Slider
March 12, 2015 at 3:01 pm
#2463
Participant
Hello,
You want the menu to have the slight opacity so the content under it can be seen?
You can do that by modifying the theme’s style.css. Open css/style.css and go to line 565 where it’s written:
#header-wrapper {
width: 100%;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 1000;
}
Change the background property from #fff to rgba(255,255,255,0.8), so the code looks like this:
#header-wrapper {
width: 100%;
background: rgba(255,255,255,0.8);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 1000;
}
If you want the menu to be more transparent, modify the 0.8 value and set it to lower one.
Robert