Tutorial : Remove Image Border { Simple Template }
.png)
Assalamualaikum and annyeonghaseyo. Tutor seterusnya tieqa nak tunjukkan cara utk buang image border bagi simple template. Contohnya seperti di bawah ni. Sebelah kiri ada border & shadow. Sebelah kanan pulak, dah takde. Let's start.
{ e x a m p l e }
1. Dashboard > Template
2. Press Ctrl + f dan cari code
.post-body img, .post-body .tr-caption-container3. Lepas tu, di bawah code tu ada anak-II code macam ni
.BlogList .item-thumbnail img {4. Skrang, korang tukarkan nombor yang tieqa highlight warna merah tu ke angka "0"
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
5. Kalau nak senang, delete code tu pon boleh
6. Preview & save.
2 comment [s]:
kalau nak tambah border camtu?
@NurIzzah Inshirah Tambah? just copy code tu. hihi
Post a Comment