Hello guys. Malam nieh aku baik hati sikit sebabnye aku nak share satu tutorial dengan korang. Takdek sape-sape pon yang request. Saje-jeh nak kongsi ilmu sikit kan. Haha, tutorial kali nieh ialah Transparent Header. Tutorial nieh hanye digunakan untuk template designer sahaja kay.
Dashboard > Design > Edit Html > Tick Expand Widgets > F3
Lepas tuh copy code bawah nieh then paste kat kotak kecik kat atas uh.
/* Mobile
Okay, dah jumpe dah ? Then copy code bawah nieh pulak and paste kat atas /* Mobile nieh tadi.
.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}
Kalau tak paham boleh rujuk gambar kat bawah nieh.
Then korang search code nieh pulak :
.content-outer {
Kat bawah .content-outer { tu ada code macam kat bawah ni kan?
-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);
Delete semua code tuh, okay.
Okay, preview dulu ye. Then baru save. Dah siap :)
credit to : Nieysa