Tutorial: Buang Background Putih Untuk Header Yang Transparent

Assalamualaikum ❤
Hi uolls. em panjangnya tajuk. nasib aku tak tulis entry dekat tajuk tuh. Hahahahah lol XD Okey kali ni aku nak share tutorial berkenaan dengan header yang transparent tapi letak dekat blog jadi tak transparent. Faham dok maksud aku? Contoh di bawah, jadi untuk hilangkan background putih belakang tuh ikut step by step okey.

Kebiasaanya pengguna SIMPLE TEMPLATE. Jadi tuto ni hanya untuk simple template user je. Actually tuto ni dah lama dah di req oleh seseorang cuma asyik tangguh je nak buat. So here we go..

• Template - Edit HTML.
• Tekan mana code dalam box dan tekan CTRL+F
• Cari code /* Header

.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;}

• Copy code diatas dan paste kan di atas code /* Header yang korang cari tadi
• Cari code .header-outer { pula.
• Bawah code .header-outer tuh ada code yang bawah ni kan?

background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;

• Padam code yang dekat atas ni.
• Cari code ini pula .Header .description {
• Kalau dah jumpa copy code dekat bawah ni dan pastekan dibawah code .Header .description {

display:none !important;

Lihat hasilnya...

Selamat Mencuba 

Credit