1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

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

  1. 10zen

    10zen Regular Member

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

    10zen Regular Member

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

    InnovativeSEO Senior Member

    Joined:
    Feb 5, 2013
    Messages:
    860
    Likes Received:
    3,797
    Occupation:
    Business development
    Location:
    New York City
    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,188
    Likes Received:
    407
    Yes a transparent logo would be nice looking. I am sort of tired of seeing all the white.
     
  5. 10zen

    10zen Regular Member

    Joined:
    Feb 26, 2010
    Messages:
    460
    Likes Received:
    195
    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 Regular Member

    Joined:
    Feb 26, 2010
    Messages:
    460
    Likes Received:
    195
    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;