I'm currently working with
.navbar-default {
z-index:99;
opacity:0.8;
}
However, I am looking to adjust the opacity of dropdown menu items to 0.9.
I have attempted several solutions without success. Here are a few examples:
.dropdown-menu>li>a {
opacity:0.9 !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
opacity:0.9 !important;
}
.open {
background: #fff !important;
opacity:0.9 !important;
}
Just to clarify, my goal is to have all menu items at an opacity of 0.8 except for the open dropdown menus which should be at an opacity of 0.9. This means I need a way to override the initial rule that sets the 0.8 opacity.