Modifikasi Theme WordPress Mystique 3.0+
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%;
}