Beberapa waktu lalu salah satu customer website sasambo design, meminta untuk menghilangkan list style pada footer websitenya. Client kami tersebut menggunakan Divi sebagai template website. Untuk rekan-rekan diluar sana yang mungkin juga menggunakan Divi theme, berikut ini akan dibahas cara menghilangkan list style pada Footer Divi Theme.

Kita ketahui, Tema Divi secara default akan menampilkan list style berupa lingkaran (Bullet) pada footer widget. Sehingga ketika anda ingin menampilkan widget seperti Recent post, post popler atau widget apa saja dalam bentuk list, maka bullet ini akan muncul.

Berikut adalah Kode Css yang digunakan untuk menghilangkan list style pada footer divi theme.

#footer-widgets .footer-widget li:before {
display: none;
} 
html #footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
line-height: 26px;
padding-left: 0px;
}

Pasang kode CSS diatas pada menu custome CSS thema Divi Anda.

Baca Juga Tutorial Tema Divi :

  1. Membuat Menu Bar transparan pada Divi
  2. Custome Readmore link pada Divi Theme

Demikian, jika ada yang kurang jelas dan ingin ditanyakan seputar materi postingan ini, atau postingan lain seputar website dan wordpress, jangan sungkan untuk meninggalkan pesan Anda pada kolom komentar. Terakhir jika anda suka postingan yang ada di blog Sasambo Design, jangan lupa untuk like fanpage Kami, Terimakasih.

Pin It on Pinterest

Share This