[resolved] Odd issue with content transparency

Hello, I want to make all the parameters of my site transparent so that the background image would show through so I searched the forums and found the quick CSS that you recommended and put it into the quick CSS Box in the General Styling section and it did what I wanted. Below is the code I am using.

.logo { display: none; }
#header_main > .container {
margin-top: 5px;
}

div#header_meta {
border: none!important;
}

@media only screen and (max-width: 1180px) and (min-width: 990px) {
.av-main-nav > li > a {
padding: 0 6px;
}
.logo { display: none; }}

#main { background-color: transparent; !important; }
#header_meta, .header_bg { background: transparent !important; }
#footer { background: transparent !important; }
#socket { background-color: transparent; }

(NOTE: I also needed to remove the header area because I had to remove the default Enfold logo)

I needed to make another change and that was to change the color of the tag #ffffff so I went into Advanced Styling section and set that up.

But when I did that, the content background no longer was transparent. I removed the tag change in Advanced Styling section but the transparent background did not come back. How do I solve this issue? I would like transparency throughout the site so that I can see the background image only.

Thank you!

• This topic was modified 9 years, 4 months ago by chickeringco.