Cara Memperkecil Ukuran Font Header Tema Elegan CMS Formulasi

Tutorial CMS Formulasi - CMS Formulasi versi 2.0.7 tampil dengan semakin baik dan powerfull. Juga tambah menarik dengan adanya tambahan 2 tema atau template, yaitu template elegan dan simple.

Dalam versi 2.0.7, tampilan header CMS Formulasi  dengan tema atau template elegan dibuat dengan lebih menonjolkan nama sekolah/madrasah. Sehingga begitu halaman website sekolah/madrasah Anda terbuka di browser maka akan langsung terbaca dengan jelas judul atau headernya.

Jelas dan menonjolnya header tersebut terjadi dikarenakan ukuran font yang dibuat besar. Jika Anda merasa ukuran font tersebut terlalu besar dan memakan space di header maka Anda dapat memperkecilnya.

Langkah-langkah di bawah ini adalah cara mudah memperkecil ukuran font header tema atau template elegan CMS Formulasi  (diasumsikan Anda menggunakan webhosting):

1. Silahkan login dulu ke cpanel hosting Anda
   
2. Kini Anda berada di halaman cpanel hosting. Klik icon "File Manager" dalam kelompok folder "Files"
   
3. Muncul jendela baru kecil, klik "Go"
   
4. Terbuka jendela baru dan Anda sekarang berada di folder root, public_html. Klik 2 kali folder "File"
   
5. Klik 2 kali folder "Tema"
   
6. Klik 2 kali folder "elegan" 
   
7. Klik 2 kali folder "css"
   
8. Klik kanan file "style.css" dan pilih "edit"
   
9. Muncul jendela kecil "text editor", klik "edit"
   
10. Setelah muncul halaman baru dengan penuh script, lakukan backup dengan cara copy seluruh script tersebut dan paste di notepad
11. Pada halaman yang penuh script tersebut, cari kode "h3". Jika sudah ditemukan, ganti angka 220% pada script "font-size : 220%" dengan angka yang Anda kehendaki. Semakin besar angka yang Anda tuliskan maka semakin besar juga font header tema atau template elegan. Demikian juga sebaliknya, jika semakin kecil angkanya maka akan semakin kecil font header-nya
    
12. Jika telah selesai diedit, jangan lupa untuk klik tombol "Save Change"
    
13. Dan lihat hasilnya dengan me-refresh halaman website sekolah/madrasah Anda di browser. Efeknya akan tampak seperti gambar di bawah ini :
    
    Lihat!, header "MTs M 10 Purbalingga menjadi lebih kecil dari sebelumnya. Anda dapat menyesuaikan dengan merubah angka dalam file style.css.

Catatan Tutorial CMS Formulasi :

• Tampilan cpanel hosting masing-masing  terkadang berbeda satu dengan yang lain. Namun secara prinsip sama cara mengoperasikannya. Yang perlu Anda lakukan adalah mencermatinya terlebih dahulu
• Jika Anda masih menggunakan Xampp untuk menginstal CMS Formulasi, jika hendak melakukan edit lakukan secara urut : C:=>xampp => htdocs => formulasi (jika folder yang digunakan adalah formulasi) => file => tema => elegan => css => style.css. 
• Lakukan edit file style.css dengan klik kanan pada file tersebut dan pilih "Open With". Anda bisa gunalkan Notepad, Notepad++, Dreamweaver, dsb.
• Dan simpan 

Selesai sudah edit font header tema atau tempplate elegan di CMS Formulasi. Semoga tutorial "Cara Memperkecil Ukuran Font Header Tema Elegan CMS Formulasi" ini dapat membantu Anda.

Saatnya Anda membaca kembali posting sebelumnya, yaitu Cara Mengganti Background Header Tema Elegan CMS Formulasi sesudah Anda mempraktekkan tutorial Cara Memperkecil Ukuran Font Header Tema Elegan CMS Formulasi.