Pisahkan Header Dari Blog

sebelum...

HANYA UNTUK PENGGUNA SIMPLE TEMPLATE DESIGNER
Pastikan header kita adalah header transparent

1. Dashboard=>Design=>Edit HTML=>Tick expand widget template .

2. tekan CTRL+F , cari code di bawah ni 

/* Mobile

3. Bila dah jumpa, copy code kat bawah ni pula dan paste kan di atas code /* Mobile tu .

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

4. Preview dulu, header harus jadi seperti gambar di bawah...

selepas 'di transparentkan'....

5. Sekarang nak buang shadow tu pula...

6. Cari code di bawah ni  ( di bahagian  /* Header )

.content-outer {

6. Di bawah code .content-outer { , ada code seperti di bawah ni atau pun yang hampir serupa. Kita nak delete code 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);

7. Boleh rujuk gambar di bawah

delete yang dalam kotak merah tu

8. Preview, kalau jadi seperti gambar kat bawah ni... SAVE !

dah jadi, transparent dan tak ada shadow....