,

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.

menambah gambar icon dengan css

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.

menambah gambar icon dengan cssberikut 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
5 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

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