Tutorials: Transparent header [simple template]

     Assalamualaikum. Harini Lia nak ajar korang care2 nk buat header transparent. Mesti ramai yg nak kan?? Ok2. Ikut step ni. Tpi ! Untuk simple template user aje.

Dashboard > Design > Edit Html > Tick expand widget template

Cari code ni. Tkn ctrl + f utk memudahkan pencarian

/* Mobile

Dah jumpa kod ni, korang copy plak kod nim .

.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}  

 Letak kat mane?? Kat atas kod /* Mobile tdi tu kay?

Ok, jgn save lagi. Tkut2 xjadi, nangisla korang sorang2 kat ctu. Hik2 . Tekan preview dulu. kalau da jadi, alhamdulillah. Tpi, lom siap agy, korang tgk ade mcm border putih kat tepi tuh. Mesti xcantek kan? Jom kite buang benda tu plak .

Ctrl + F cari kod nim.

.content-outer {

Korang akan jumpe cmni kat bawah kod yg tdi tu.

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

Nombor yg warne kuning tu, korang tuka kan kpd no. 0 ..

So, dia akan jdi cmni ..

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

Siap. Ok, preview dulu. Kalau jdi save.