Tutorial transparentkan header untuk pengguna Template Designer .

Tutorial ni untuk pengguna template designer je kay ? . Ikut ape saya cakap kay ? . K perasan ~

1. Pergi ke dashboard > design > edit html *Jangan lupa tick expand widget*

2. Cari kod  /* Mobile . Tekan CTRL+F untuk memudahkan pencarian kay ?


3.Dekat atas kod /* Mobile tu , paste kod yang saya bagi kat bawah ni :

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

4. Cari pula kod .content-outer { .


5. Kat bawah tu , korang akan nampak kod macamni :

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

6. Korang delete yang tu dan pastekan dengan kod kat bawah ni :

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

7. Preview dan save !


credit : Miszathirah