Hi,
I have the same issue regarding the sidebar opacity by using :
background-color: transparent;
opacity: 0.2;filter:alpha(opacity=20);
But it is the contents in the sidebar which are in alpha 20%
Is anyone could help me please? Thank you very much for your support.
Here is the CSS code :
#sidebar {
float: right;
width: 360px;
overflow:hidden;
padding-top: 0px;
margin-left:-1px;
background-color: transparent;
opacity: 0.2;filter:alpha(opacity=20);
}
#sidebar .widget {
margin:0 0 2px;
padding:0 15px 15px;
}
#sidebar div:last-child {
/*border-bottom:0 none;*/
}
.widget h3.title {
color: #3f4247;
margin: 0;
font-family: Lato;
margin:0 0 15px;
font-size: 18px;
font-weight: lighter;
}
.widget ul { clear: both; line-height: 1.7; }
.widget ul li { list-style-type: none; }
.widget ul ul { border-top: none; margin: 0; padding: 0; }
.widget ul ul li { border: none; }
.widget select {width:100%; }
.widget #cat, .widget select {
/*border: 1px solid #cdcfd4; */
color: #333333;
display: inline;
float: left;
line-height: 1.5;
padding: 3px;
width: 100%;
margin:0 0 14px;
font-size:12px;
}
.widget_tag_cloud a {line-height:1.3em; font-weight:normal; font-weight:normal; margin-right:7px; }
.side_ad { margin: 10px; }