Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 18, 2014 at 9:55 pm #306003
    GOWD

    Hi, I am trying to make a transparent header but have failed after hours of inspecting elements, various css code etc.
    My eyes are bleeding!
    I am rebuilding a website and need it to look like the original.
    Ideally if I could have the contact info at the top of the header keep the bg color and the
    .container_wrap_logo be transparent

    Here is what i tried;

    #wrap_all
    { margin-top:200px;
    }

    #header_meta
    {
    margin-bottom:200px;
    }

    .container_wrap container_wrap_logo
    {background-color : transparent!important;}

    #header_bg {background-color : transparent!important;}

    .container_wrap_logo {
    background-color : transparent!important;
    }

    August 19, 2014 at 4:13 am #306058
    Ismael

    Hi GOWD!

    Thank you for using Enfold.

    The original website is blank. Please check. You can use this to make the background color of the header transparent:

    .header_color .header_bg, #top #header_meta {
background-color: transparent:
}

    A screenshot will help.

    Best regards,
    Ismael

    August 19, 2014 at 1:02 pm #306269
    GOWD
    This reply has been marked as private.
    August 21, 2014 at 4:55 am #307148
    Josue

    Hi!

    Have you tried selecting the Transparent Header setting under Layout Options while editing the page?

    Best regards,
    Josue

    August 22, 2014 at 2:14 pm #307851
    GOWD

    Hi Josue, yes I tried that but it didn’t work.
    I have since managed to do it with CSS

    .header_color .header_bg, #top {
    background-image: none;
    background-color: transparent;
    }

    and to make the transparent area taller

    #header_main
    {padding-top:50px;
    padding-bottom:50px;
    }

    You may close this thread.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Make Header Background Transparaent’ is closed to new replies.