1. This website uses cookies to improve service and provide a tailored user experience. By using this site, you agree to this use. See our Cookie Policy.
    Dismiss Notice

Help: Sahifa Theme; How to have transparent header background?

Discussion in 'Blogging' started by 10zen, Jul 7, 2015.

  1. 10zen

    10zen Power Member

    Joined:
    Feb 26, 2010
    Messages:
    536
    Likes Received:
    212
    Occupation:
    IM Entrepreneur
    Location:
    World with Infinite Possibilities
  2. 10zen

    10zen Power Member

    Joined:
    Feb 26, 2010
    Messages:
    536
    Likes Received:
    212
    Occupation:
    IM Entrepreneur
    Location:
    World with Infinite Possibilities
    Oh my. No responses
     
  3. InnovativeSEO

    InnovativeSEO Senior Member

    Joined:
    Feb 5, 2013
    Messages:
    1,015
    Likes Received:
    4,007
    Gender:
    Male
    Occupation:
    Investigations | Intelligence | Strategic Ops
    Location:
    New York City
    Home Page:
    Please add these lines into Global CSS section under (Sahifa TiePanel >> Styling):
    header#theme-header {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;}
     
  4. LoftPower

    LoftPower Elite Member

    Joined:
    Feb 23, 2015
    Messages:
    3,180
    Likes Received:
    404
    Yes a transparent logo would be nice looking. I am sort of tired of seeing all the white.
     
  5. 10zen

    10zen Power Member

    Joined:
    Feb 26, 2010
    Messages:
    536
    Likes Received:
    212
    Occupation:
    IM Entrepreneur
    Location:
    World with Infinite Possibilities
    Thank you! I spent so much time researching for the solution and nothing
    was working for this theme.
    All is well. Even though the header background is transparent, it still shows dropshadow around the edges.
    How do you remove dropshadow.
     
  6. 10zen

    10zen Power Member

    Joined:
    Feb 26, 2010
    Messages:
    536
    Likes Received:
    212
    Occupation:
    IM Entrepreneur
    Location:
    World with Infinite Possibilities
    Ok finally got it after messing around with firebug.

    If you want transparent header background with sahifa theme then use this code(paste it in global css):

    header#theme-header {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: none;
    border-top: none;
    box-shadow: none;}

    #wrapper.boxed #theme-header {
    box-shadow: 0 0 0px #cacaca;
    width: 1045px;
     
  7. aleksandarMKD

    aleksandarMKD Newbie

    Joined:
    Jul 15, 2015
    Messages:
    44
    Likes Received:
    4
    #header #menu_container {
    background-color: rgba(255,255,255,.5);
    padding: 0px 20px 10px;