Menambah gambar atau icon di samping teks dengan css
Saat membuat toko online dengan woocommerce, ada sebuah menu yang mau ditambahkan icon do sampingnya. berikut salah satu menambah icon nya, yaitu dengan cara edit css.
berikut tampilan sebelum ditambahkan icon.
dengan logika sederhana, tambahkan backround image pada class css yang dipakai, dan tambahka padding-left pada css tersbt. shingga menu agak ke kiri, dan terdapat background image atau icon.
Hasilnya akan seperti ini.
berikut sedikit tambahan script css yang dipakai:
.class-yang-dipakai { background-image: url("http://namadomain.com/folder image/nama-imag.jpg"); background-repeat: no-repeat; padding-left: 18px !important; background-size: 20%; background-position-y: 20%;}
oke sekian tips kali ini
Ada Bonus special untuk Anda.
EBOOK GRATIS!! 50 Juta Pertama dari buat website, dan passive income terus menerus
GRATIS
Masukkan Nama & Email
terus kode html yang dimasukkan kayak gimana?
Thank
Pake tag div
ngatur tingginya ini gimana kak
mengatur tingginya ini gimana kak
untuk mebambah gambar atau icon kta bsa menggunakan dengan logika sederhana yg dicontohkn pd artikel ini, tambahkan backround image pada class css yang dipakai, dan tambahka padding-left pada css tersbt, trmksh artkelnya ya gan.
Kunjungi website sy ya: https://yuliyani.mahasiswa.atmaluhur.ac.id
Dan kunjungi website kmps sy: http://www.atmaluhur.ac.id