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

10zen

Power Member

Feb 26, 2010

777

368

• Jul 7, 2015

• #1

Want to make header background completely transparent(by default it is white) where logo is displayed,
the part above main navigation menu.
link to theme:http://www.blackhatworld.com/blackh...test-version-purchased-lifetime-update-2.html

Would be great if someone can provide css code or tweak for it.

 

10zen

Power Member

Feb 26, 2010

777

368

• Jul 10, 2015
• Thread Starter Thread Starter

• #2

Oh my. No responses

 

InnovativeSEO

Senior Member

Feb 5, 2013

1,049

4,060

• Jul 10, 2015

• #3

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

 

LoftPower

Elite Member

Feb 23, 2015

3,175

418

• Jul 10, 2015

• #4

Yes a transparent logo would be nice looking. I am sort of tired of seeing all the white.

 

10zen

Power Member

Feb 26, 2010

777

368

• Jul 15, 2015
• Thread Starter Thread Starter

• #5

InnovativeSEO said:

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

Click to expand...

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.

 

10zen

Power Member

Feb 26, 2010

777

368

• Jul 16, 2015
• Thread Starter Thread Starter

• #6

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;

 

A

aleksandarMKD

Newbie

Jul 15, 2015

44

4

• Jul 17, 2015

• #7

#header #menu_container {
background-color: rgba(255,255,255,.5);
padding: 0px 20px 10px;