Tutorial : Transparent header for simple template

Note : for save better u download full template for save , takut ada error kan ?

1. Dashboard - Design - Edit HTML search for this code

/* Mobile

Got it ? Then paste the code below on top the code that you have been search just now

.header-outer, .content-inner { background-color: transparent; }

.main-outer, .tabs-outer { background-color: #ffffff;}

and one more thing that you should do it.

Dashboard - Design - Edit HTML - Tick Template then search for this code

.content-outer {

Then try to look down there have some code look same like this

-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);

-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;

box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

margin-bottom: 1px;

}

The code is for shadow effect so u better remove that code so it will look more tie and clean .

So this is the first wayy maybe second wayy I will teach you guys later or just send me a comment at my shoutmix or facebook so that I will make a second transparent header for simple template. So enjoy guysss

Credit : Amylia

Tweet