Langsung Viral dot com – Tambahan CSS Newkarma di Appearance – Customize – Additional CSS.
Untuk Pengguna Theme NewKarma, ada beberapa Tambahan CSS yang harus dimasukkan ke dalam “Appearance – Customize – Additional CSS” Jika ingin tampilan-tampilan Ads Banner menjadi Responsive Full Width ketika diakses dari Smartphone.
1. Tambahkan kode berikut ini agar Ads Banner 120×600 (Kanan) menjadi Full Width ketika diakses di Smartphone
.col-md-sgl-r img {display: block; width: 100% !important;}
2. Tambahkan kode berikut ini agar Ads Banner 120×600 (Kiri) menjadi Full Width ketika diakses di Smartphone
.col-md-sgl-l img {display: block; width: 100% !important;}
3. Tambahkan kode berikut ini agar Ads Banner 300×250 (Sidebar kanan) menjadi Full Width ketika diakses di Smartphone
.col-md-sb-r .text-widget img {display: block; width: 100% !important;}
4. Tambahkan kode berikut ini agar Ads Banner 250×250 (Sidebar Kiri) menjadi Full Width ketika diakses di Smartphone
.col-md-sb-l .text-widget img {display: block; width: 100% !important;}
Selanjutnya silahkan experiment dengan kode-kode berikut ini untuk area-area blok lainnya :
.col-md-sb-r
.col-md-sb-l
.col-md-sgl-l
.col-md-sgl-c-nosocial
.col-md-sgl-c
.col-md-sgl-c-no-r
.col-md-sgl-r
.col-md-content
.col-md-content-c
.col-md-main
.col-md-footer3
.col-md-footer4
.col-md-footer6
.gmr-left-module
.gmr-right-module
Sumber dari Om Gian Mokhammad Ramadhan (Pembuat Theme Newkarma itu sendiri).
Demikian, semoga bermanfaat. (LV – PP)
Comment