Tutorial 009 - Centerkan Header

CARA PERTAMA

1. Dashboard > Design > Edit Html

2. Tekan Crtl + F , dan cari kod kat bawah ni :

#outer-wrapper {

3. Bawah kod yang korang carikan tadi tuh, ada kod yang macam kat bawah nie.

background:#FFFFFF;

width: 1000px;

*nilai width:1000px, sebagai contoh je..

5. Lepas tu, korang cari pulak kod ini.

#header-wrapper {

6. Dekat bawah kod yang atas nie ada size untuk header. Pastikan width dekat header dengan outer wrapper tu sama . Kalau dekat atas tadi 1000px, so kat bawah pun korang tukar buat 1000px jugak. Baru lah header korang center.

7. Preview dulu . Dah jadi. Korang save lah.

CARA DUA

1. Dashboard > Design > Edit Html

2. Tekan Ctrl + F , cari kod ni :

/* Content

3.  Lepas tu , korang copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu  .

.Header img {

  margin-$startSide: auto;

  margin-$endSide: auto;

}

4. Contohnye macam ni :

.Header img {

margin-$startSide: auto;

margin-$endSide: auto;

}

/* Content

----------------------------------------------- */

5. Preview, Kalau dah jadi save lah.