Monday, April 30, 2012

Tutorial Cara Center kan Header

Header amat penting bagi menampakkan lagi personaliti korang. Dah kalau header korang senget ke tepi tu, jadinya tak menarik lah kan? So, marilah kita centerkannya.


1) Dashboard > Design > Edit HTML > Tick Expand Widget Templates.
2) Tekan F3, search for this code :


/* Content

3) Copy code nie dan pastekan DI ATAS code yang korang cari tu :


.Header img {margin-$startSide: auto; margin-$endside: auto;}


4) Preview dulu, kalau masih tak center, cari code #header { dan korang adjustlah WIDTH sampai center. Try and error dear. Kebiasaannya, width #header {  akan sama dengan width #content-wrapper { .


Do it like this picture, just change the number until it become center.


5) Preview sekali lagi, then save je lah. Kan dah siap. hihi



0 jejari komen: