My site: http://twpw.wikidot.com/home
I just can't figure out what element I'm not telling to do its job. I just want the background transparency on the top-bar dropdown menu to be fully opaque. No transparency.
I suspect I may have some items competing for opacity for that element, thus my issue. But that's a suspicion; I'm not sure. I've included my full CSS below but the top-bar ul/li entries are what I've tried that have no affect whatsoever.
I'm extending the Base theme.
Thanks in advance!
#container-wrap{ background-color: #f3f3dd; } #breadcrumbs { padding: 8px 0px 60px 150px; } h1,h2,h3,h4,h5,h6,h7 { background: inherit; font-family: Helvetica; color: #002631; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; font-weight: bold; } h1{ font-size: 20px; } h2{ font-size: 18px; } h3{ font-size: 16px; } h4{ font-size: 14px; } p { text-indent: 35px; margin-top: 0; margin-bottom: 0; } .collapsible-block-link { color: #647845; font-weight: bold; margin-bottom: 0; padding-bottom: 0; margin-top: 0; padding-top: 0; } #content-wrap { overflow: hidden; background-position: left top; background-repeat: no-repeat; } #header { width:100%; height:200px; color:#000; background: transparent url(http://twpw.wikidot.com/local--files/start/HeaderImage.jpg); text-align: center; padding:0 0 8px 0; margin:0; background-repeat: no-repeat; } #header-extra-div-3{ position: absolute; top:0; left:0; right:0; width: 100%; height: 2em; background-repeat: repeat; } #header h1 { display: none; } #header h1 a { display: none; } #header h2 { display: none; } #header h2 a { display: none; } #login-status { top: 15px; right: 17px; color: #000d13; font-weight: bold; z-index: 51; } #search-top-box { top: 208px; right: 110px; opacity: 1.0; filter: alpha(opacity=100); } #side-bar{ display: none; } #top-bar{ text-align:center; padding: 0; background-color: transparent; color: #001e27; border-bottom: 3px dotted #003d4f; left: 0; right: 0; width: 100%; } #top-bar li ul li { background-color: #ffffff; opacity: 1; } #top-bar li ul li a { background-color: #ffffff; opacity: 1; } a { color: #06110F; text-decoration: underline; } a:hover { color: #591E1E; background: transparent; } a.newpage { color: #7c1227; text-decoration: none; border-bottom: 1px dashed; } #page-title { border: none; padding: 3px 5px 3px 0px; color: #004c49; margin: 0; font-family: Helvetica; font-weight: bold; } #content-wrap{ overflow: hidden; background-position: left top; background-repeat: no-repeat; } #main-content{ margin-left: 1em; margin-right: 1em; color: #002631; } #main-content p { line-height: 1.3em; } #main-content p *{ text-indent: 0; } #search-top-box{ top: 42px; right: 15px; z-index: 50; background-color: transparent; }