Modifikasi Theme WordPress Mystique 3.0+

Written by Edusoft Center on April 28, 2013. Posted in Blog

Mystique WordPress Theme merupakan theme wordpress yang cukup populer karena banyaknya fitur yang dimiliki dan komunitas penggunanya. Pada tutorial kali ini, kita akan sedikit melakukan modifikasi pada theme tersebut dengan mengotak-atik CSSnya. Tentunya untuk memodifikasi theme tersebut, kita harus download dan aktifkan theme pada wordpress yang sudah terinstall. Source bisa di download disini.

Untuk memodifikasi Mystique WordPress Theme, dapat dilakukan dengan masuk ke Dashboard lalu pilih Appereance -> Mystique -> CSS.

Berikut beberapa trik untuk memodifikasi Mystique WordPress Theme:

- Mengatur Posisi Judul Web

#site-title {

padding: 25px 0 2px 0;

}

25px merupakan jarak atas judul web dan 2px merupakan jarak bawah dengan judul web

- Mengganti Warna Judul Web

#logo a {

color: #E0E0E0;

}

Ganti #E0E0E0; dengan warna yang lain. link referensi warna ada di sini.

Jika menghendaki warna seperti pilihan kita, bisa kopi kode berikut:

#logo a {

color: #E0E0E0;

display: block;

font-variant: small-caps;

text-decoration: none;

text-transform: none;

}
 

#logo {

font: bold 395% Verdana,Arial,Helvetica,"Arial Black","Helvetica Black",Gadget,sans-serif;

letter-spacing: -2px;

}

- Menambah Ukuran Teks pada Judul Web

#logo {

font: bold 350% "Arial Black","Helvetica Black",Gadget,sans-serif;

letter-spacing: -2px;

}

Pada 350% bisa diubah sesuai kebutuhan.

- Mengatur Judul Web di tengah Header

#logo {

width : 100%;

text-align : center !important ;

}

- Menambah Banner berdampingan dengan Logo Web

#header {

background: url(/wp-content/themes/mystique/images/nama_logo_banner.png);

background-repeat: no-repeat;

background-position:70% 30%;

}
 

Tutorial Lain

Tags: , , , , , , , , , , , , , , ,

Trackback from your site.

Share This Post To :

Edusoft Center

Edusoft Center merupakan lembaga yang fokus pada bidang IT terutama pada Kursus Komputer Profesional. Berlokasi di Solo / Surakarta dan dengan slogan “Start Here. Go Anywhere” diharapkan ilmu yang didapat pada kursus kami dapat diterapkan untuk mempermudah dan menunjang pada semua lini kegiatan yang dilakukan. "Selamat datang di Edusoft Center, Kursus Komputer di Solo"

Leave a comment

Jika anda membutuhkan info lebih lanjut atau ingin mengetahui jadwal kursus, silakan hubungi kami,

Call / SMS :

0896 987 12224


Call / SMS / WA :

08180 4542 586


Email:
[email protected]