Cara Merubah ukuran font judul dan tex post

Langsung ke css template aja yuuk

1. Cara menghilangkan text shadow pada judul post dan merubah ukuran menjadi tebal

cari kode ini


.post-title { color : #999999; text-shadow : #cccccc 1px 1px 2px;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}
keterangan:
pada class .post-title {
ada color : #999999; text-shadow : #cccccc 1px 1px 2px;
atau cari yang mirip ini kalau menggunakan template lain, jika sudah ketemu hapus text-shadow : #cccccc 1px 1px 2px; untuk menghilangkan text shadow contoh jadi seperti ini


.post-title {
color : #999999;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}

dengan menghapus text-shadow maka tidak akan muncul lagi shadow pada judul posting ,

yah matanya sipit hehe sabar broth masih ada dikit lagi he..

Sementara untuk merubah ukuran hurupnya sisipkan kode ini:

font-size:12px;
font-weight:bold;
keterangan: font-size:12px;
untuk mengatur ukuran/ tinggi text tinggal ganti angka px untuk memperkecil/ memperbesar hurup

sementara font-weight:bold;
untuk mengatur ketebalan hurup bisa di ubah sesuai kemauan
font-weight:bold; tebal
font-weight:normal; standar
font-weight:small; kecil
font-weight:strong; tebal dan besar
tapi menurut saya gunakan saja yang bold dan atur pada font-size untuk memperbesar

contoh jadinya seperti ini:


.post-title { font-size:12px;
font-weight:bold;
color : #999999;
margin-top : 1px; margin-bottom : 1px;
padding : 0px;
border-top : 1px solid #99ccff;
border-bottom: 1px solid #99ccff;
text-align:left;}

2. Merubah warna tex posting untuk merubah warna cari kode css ini:
.post {

jika sudah ketemu cari kode ini color:#111

contoh:

.post {
padding:1px;
font-size:11px; text-align:left;
color:#111;
border-bottom:1px solid #eee;
margin-bottom:-1px;}

kalau sudah ketemu ganti kode warna untuk merubah warnanya misal color:#ff0000 dst, namun jika ingin mempertebal text sama saja caranya seperti di atas dengan menempatkan kode
font-size:12px;
font-weight:bold;

contoh:


.post {font-size:10px;
font-weight:bold;
padding:1px;
font-size:11px; text-align:left;
color:#111;
border-bottom:1px solid #eee;
margin-bottom:-1px;}

Di simak saja kalau masih ada yang kurang di pahami silahkan postkan di komentar saja
nanti di sambung lagi

Tidak ada komentar:

Posting Komentar

Ada pendapat lain dari sobat, Silahkan berkomentar