Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 4, 2016 at 5:59 pm #668675
    S17Design

    Hi there,

    I have searched for this but my question is quite specific so haven’t been able to find exactly what I need.

    I have a site that I’m working on which has a full background image so I need everything to be transparent however I would like the header to be transparent when it’s at the top of the page but then have a black background when it scrolls. I’ve set the header to transparent but the css I’ve added stops the black appearing too.

    Any help would be much appreciated!!

    Thanks

    Paul

    August 5, 2016 at 8:10 am #668873
    Rikard

    Hey S17Design,

    You should be able to set that behaviour in the Layout menu to the right on the edit page, what CSS did you add/change?

    Regards,
    Rikard

    August 8, 2016 at 11:31 am #669754
    S17Design

    Hi Rikard,

    Sorry for the slow reply, I don’t have internet at home at the moment so can only be on here at work.

    This is the CSS I’ve added:
    #top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
    background-color:rgba(255,255,255,0) !important;
    }

    I found this in the forum when people wanted a completely transparent site which works perfectly. The only different is I still need the back background in the menu bar when it shrinks. I have set he behavior to transparent but with that css it doesn’t work.

    Thanks

    Paul

    August 8, 2016 at 11:43 am #669757
    Guenni007
    .header-scrolled .header_bg {
background-color: #fff !important;
}

    you even can use rgba or something else

    try it with this code

    edit : a sorry i will have a look – you only want the background behind navigation 

    .header-scrolled #header_main_alternate  {
background-color: #fff !important;
}
    • This reply was modified 8 years, 4 months ago by Guenni007.
    August 9, 2016 at 8:06 am #670189
    Rikard

    Hi @S17Design,

    Did you try @Guenni007’s suggestion?

    Best regards,
    Rikard

    August 9, 2016 at 9:56 am #670222
    S17Design

    I have now yes and still no joy. I’ve also tried taking bits out of the original css that I’ve added to see if that works but that’s not worked either.
    Any help would be much appreciated!
    Thanks
    Paul

    August 12, 2016 at 3:19 am #671621
    Ismael

    Hi,

    Place this code:

    #top .header-scrolled.header_color .header_bg {
    background-color: #000 !important;
}

    .. below this one:

    #top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
background-color:rgba(255,255,255,0) !important;
}

    Best regards,
    Ismael

    August 15, 2016 at 10:01 am #672578
    S17Design

    Amazing! Thank you so much, that works perfectly!! (Again sorry for the slow reply!!)
    Cheers
    Paul

    August 15, 2016 at 11:04 am #672601
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Transparency but not the header’ is closed to new replies.