1. Cari kode dibawah ini:
/* HEADER */
#header-container {
background: $(header.background.kiri);
background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan));
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;
}
#header-wrapper {
max-width: 1000px;
margin: 0 auto;
position: relative;
}
.header {
max-width: 400px;
float: left;
margin-right: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header h1.title, .header p.title {
font: $(header.font);
color: $(header.title.color);
margin: 0;
text-transform: uppercase;
line-height: 50px;
}
.header .description {
color: $(header.title.color);
margin: -10px 0 4px 0;
padding: 0;
font-size: 0.7em;
display: none;
}
.header a, .header a:hover {
color: $(header.title.color);
text-decoration: none;
}
.header img {
display: block;
width: auto;
margin: 0px 0;
max-height: 50px;
}
2. Untuk mengubah ukuran tinggi dan lebar gambar logo header terdapat dalam kode script dibawah:
.header img {
display: block;
width: auto;
margin: 0px 0;
max-height: 48px;
Ganti kode auto di width untuk mengatur ukuran lebar logo. Sehingga menjadi widht: 200px;
Ganti kode 48px di max-height: Misalnya: max-height: 60px
3. Ubah ukuran Tinggi Header template VioMagz dengan mengubah kode:
height: 48px menjadi sesuai keinginanmu. Misalnya height: 50px
Selesai.
Sekian postingan Chakly yang sederhana ini, Semoga bermanfaat! Terimakasih dan Wassalamu'alaikum...
((
___: )
((