Custom CSS untuk Mini Front Page Joomla

Yusuf Bimbi
Oleh -
1
Ketika anda baru  saja menginstall Modul Mini FrontPage Joomla anda, anda akan bertanya-tanya, dimana sih merubah caption yang dibuat bold dengan size kurang lebih 12 px. Bukannya tampilan depan web anda tambah cantik tapi bikin tambah awut-awutan. Apa pasal ?
1. Judul Semua Hurup Besar
2. Judul dibuat dengan Bold
3. Size hurup terlalu besar (12)
4. Space Gambar dengan teks terlalu dekat
5. Background Readmore terlalu jelek.
Bagaimana cara merubah tampilan mini frontpage joomla anda ?
Pertama-tama, masuklah ke Joomla Explorer Anda. dari Folder www->Public_html  Lalu masuk ke Folder Modules, Setelah itu cari Folder mod_minifrontpage, kemudian masuk lagi ke Folder CSS. Lalu kelik  Style.css  dan Edit.
Pada beberapa baris, rubah atribut CSSnya.
Pertama lihat CSS saya dengan CSS anda

Bagian ini untuk konfigurasi Thumbnail yang akan tampil. margin right pakai 10 pikel untuk space. Tambahkan margin top di baris ke 14. Juga 10 pikel

Setelah itu beralih ke baris 35 atau 36.
Rubah  font size dari 120 % menjadi 90 atau 100%
Kemudian font weight dari Bold menjadi Regular
Kemudian teks transform dari UPPERCASE (Judul Semua Hurup Besar) menjadi Capitalize (Hanya hurup pertama hurup besar.

Lanjut ke baris 45. Ganti teks decoration menjadi none.
Sekarang lihat baris 57. Ini mengatur teks read morenya.
Ganti font weight dari Bold menjadi Regular
Kemudian Teks Transform menjadi Capitalize
Font size rubah menjadi 90 atau 100%
Kemudian Background = kombinasikan 6 angka dengan hurup. Awali dengan tanda pagar. Kalau mau code warna yang tepat, cari di google. contoh= #efgcb5 untuk warna pink. #ff0099untuk warna aqua
Berikutnya ganti juga Color untuk warna teks. Sama kayak di atas. Pakai warna hitam atau putih.
Contoh #ffffff atau #000000

Terakhir tentukan tempat readmore tersebut di sebelah kiri atau kanan. Ganti align=left untuk kiri. Defaultnya sih right.

Oke. Kalau ada yang kelupaan masih ada waktu..

Jangan lupa di save bung...

Posting Komentar

1Komentar

Komentar Anda

  1. bagus... sangat membantu.. buat pemula. trus gimana untuk atur paragraf font nya. kayaknya jarak paragrf terlalu lebar

    BalasHapus
Posting Komentar