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.
There's only one way I know of. The class="sidebar_logos" containers have the transparency so anything inside will have the transparency as well. You need to move the anchors with the images inside up one level in the DOM so they are children of the class="sidebar" div (to the same level as the class="sidebar_logos" divs). Add position:absolute and top and left position values to the <img> elements until they are positioned where they were before. Because the class="sidebar" div is set to position:relative, the position absolutes will be relative to the sidebar div.
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)
0
There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.
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
0
nsitedesignsAuthor Commented:
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