Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #609894

    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!

    #610303

    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;
    }
    #610308

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.