Tutorial : Header Transparent


1. Dashboard > Design > Edit Html > Tick Expand Widget

2. Ctrl+ F, search;

/* Mobile

3. Copy code kat bawah;

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

4. Paste code tu kat atas /* Mobile

5. Save


Cara nak hilangkan garis kat tepi tu 


1. Ctrl+F, search

.content-outer {

2. Kat bawah code   .content-outer {  tu korng akan jumpa mcm kat bawah ni

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

3. No 15 tu korg tukar kepada 0

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

3. Preview dan save 

Selamat Mencoba :)
sdah baca click sini



No comments:

Post a Comment