nsitedesigns
asked on
take transparency off logos
How do I remove the transparency effect from the logos that appear in orange boxes (Control 4 and Cedia) below the navigation? I tried a couple things and nothing seemed to work.
http://nsitedesigns.com/nsitedesigns/gei/structured_wiring.html
http://nsitedesigns.com/nsitedesigns/gei/gei.css
http://nsitedesigns.com/nsitedesigns/gei/structured_wiring.html
http://nsitedesigns.com/nsitedesigns/gei/gei.css
img.logos_sidebar {
padding: 10px 0px 2px 12px;
z-index:999;}
.sidebar_logos {
float: left;
width: 180px;
background-color: #eaa53e;
border:2px solid #006576;
margin: 5px 0px;
}
<div class="sidebar_logos"><a href="http://www.control4.com/info/home-automation?gclid=COPQwduB6rsCFclaMgod8H4AKA" target="_blank"><img src="img/logo_control4.png" alt="Control 4 Dealer" width="156" height="155" class="logos_sidebar" /></a></div>
<div class="sidebar_logos"><a href="http://www.cedia.net/" target="_blank"><img src="img/logo_cedia.png" alt="Cedia Professional Certification" width="155" height="213" class="logos_sidebar" /></a></div>
<div class="sidebar_logos"><a href="http://www.manitowoccountyhomebuilders.com/" target="_blank"><img src="img/logo_manty.png" alt="Manitowoc County Home Builders Assn" width="160" height="53" class="logos_sidebar" /></a></div>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Actually this make more sense
just remove the background-color from .sidebar_logos {}
Remove the opacity: 0.8; from .sidebar1 div {} and instead add in background:rgba(234, 165, 62, 0.8)
just remove the background-color from .sidebar_logos {}
Remove the opacity: 0.8; from .sidebar1 div {} and instead add in background:rgba(234, 165, 62, 0.8)
ASKER
Cathal, I tried your solutions but they did not work.
TommyBoy, I am not sure how to implement what you suggest.
TommyBoy, I am not sure how to implement what you suggest.
Update your code online - it does work. You may have missed my edit
Remove
.sidebar1 div {
opacity: 0.8;
}
Or follow my second example method
Remove
.sidebar1 div {
opacity: 0.8;
}
Or follow my second example method
ASKER
Client just told me she ALSO wants the turquoise bar at the top and the side borders to be solid, not transparent. Ugh! How do i do that? The red arrows are pointing to the problem areas. Ask me how much I like transparency. Go ahead - I dare ya! LOL
http://screencast.com/t/FdoYHFeRoJ
http://screencast.com/t/FdoYHFeRoJ
ASKER
Cathal,
I removed the reference below and uploaded page. I cleared history. I don't see any change.
http://nsitedesigns.com/nsitedesigns/gei/gei.css
.sidebar1 div {
opacity: 0.8;
}
g
I removed the reference below and uploaded page. I cleared history. I don't see any change.
http://nsitedesigns.com/nsitedesigns/gei/gei.css
.sidebar1 div {
opacity: 0.8;
}
g
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
terrific!
rgba(234, 165, 62, 0.8)
Remove
.sidebar1 div {
opacity: 0.8;
}