Tutorial ini adalah langkah untuk memodifikasi tema SD yang terinstal di
localhost, untuk yang sudah pakai hosting tentu berbeda. Maka dari itu
saya berasumsi bahwa anda saat ini menggunakan CMS Formulasi dengan
Tema SD.
Memang telah tersedia fitur untuk mengupload Logo Sekolah, sehingga kita
tidak perlu bersusah payah menempatkannya di bagian header. Demikian
pula Nama sekolah beserta Alamatnya juga sudah disetting sedemikian rupa
oleh sang pembuat CMS Formulasi agar mudah digunakan. Seperti ini contohnya.
Permasalahan akan muncul manakala kita akan mendesain header tidak bisa
bebas semau gue karena letak Logo, Nama Sekolah dan Alamat Sekolah sudah
ditentukan. Dan hal pasti yang bakal terjadi header web sekolah anda
memiliki tata letak yang sama dengan web sekolah lainnya.
Atas dasar itulah diperlukan langkah cerdas Menghilangkan Logo, Nama dan
Alamat Sekolah pada Tema SD CMS Formulasi, berikut ini:
- Aktifkan XAMPP lalu buka jalankan browser
- Buka alamat Web Sekolah yang sudah diinstal
- Buka Windows Explorer Cari File Tema SD sampai anda menemukan style
C: =>XAMPP=> htdocs => formulasi => file => tema => formulasi_sd => css => style.css
- Klik kanan style.css => Open with => Notepad
- Pergunakan tombol CTRL+F untuk mencari kode yang akan dimodif
- Menghilangkan logo, cari kode .logo img
Kode aslinya seperti ini:
.logo img {
}
Tambahkan kode visibility:hidden;
Sehingga menjadi:
.logo img {
visibility:hidden;
width: 100px;
}
Terakhir klik save atau simpan.
Silahkan refresh halaman web sekolah, dan logo telah sirna
- Menghilangkan Nama Sekolah, cari kode .sekolah h3 a
Kode aslinya seperti ini:
.sekolah h3 a {
font-size: 20px;
color: #fcff00;
margin: 0;
padding-bottom: 0;
line-height: 0px;
text-shadow: 0px 3px 4px #000;
letter-spacing: -1px;
position: absolute;
}
Ganti kode tersebut dengan kode berikut ini:
.sekolah h3 a {
font-size: 20px;
color: transparent;
margin: 0;
padding-bottom: 0;
line-height: 0px;
letter-spacing: -1px;
position: absolute;
}
Terakhir klik save atau simpan.
Silahkan refresh halaman web sekolah, dan Nama Sekolah telah sirna
- Menghilangkan Alamat Sekolah, cari kode .sekolah p
Kode aslinya seperti ini:
color: #fff;
margin: 0;
padding: 0;
text-shadow: 0px 3px 4px #000;
Ganti kode tersebut dengan kode berikut ini:
color: transparent;
margin: 0;
padding: 0;
Terakhir klik save atau simpan.
Silahkan refresh halaman web sekolah, dan Alamat Sekolah telah sirna.
Demikian Tutorial Menghilangkan Logo, Nama dan Alamat Sekolah di
CMS Formulasi semoga bermanfaat bagi anda.
