I’m looking to have a fixed full-screen background, and the whole page transparent so the background shows. I want to achieve a look similar to this: http://affiliatesincounseling.net/
I set a page background image, and added the following code to make the header, title bar, main content and socket transparent, but it doesn’t work:
#top #header_main, .title_container, .main_color, #socket{
background:rgba(0,0,0,0.20)!important;
}
Instead of becoming transparent and showing the background underneath, the background on the page turns gray.
What am I doing wrong? Your help is really appreciated!
I figured out how to solve the problem, here’s the code that works:
#main, .header_bg, .container_wrap_meta, #header_main, .title_container,.main_color,#socket {
background-color: transparent !important;
background:rgba(255,255,255,0.30)!important;
border:none !important;
box-shadow:none !important;
}
Hi!
Sorry for the delay.
Glad to hear you figured out a solution and thanks for sharing it for others to see. Feel free to reach out to us again on the forum if you have anymore questions.
Best regards,
Jordan