by

Cara Agar Tampilan Ads Banner di Theme NewKarma menjadi Responsive Full Width ketika diakses dari Smartphone

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

Leave a Reply

Your email address will not be published. Required fields are marked *