Cara Membuang Border Pada Imej

11:20:00 PM

Assalamualaikum dan Hi !

Tutorial blog kali ini, aku nak share tentang cara nak remove border yang sometimes agak annoying
kan bila tengok.


Sebelum



Selepas

Nak tahu bagaimana nak buang?
Follow the steps given below :

Kaedah 1

1. Pergi ke Dashboard - Template - Customize - Advanced - Add CSS. 

copy code di bawah dan paste di ruangan Add CSS tu

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: 0 !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}



Kaedah 2

1. Dashboard > Template > Edit HTML
2. Tekan Control+F dan cari code  border: 1px solid $(image.border.color);
     Godek-godek dekat area tu..dan korang akan jumpa code bawah ni :

 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);
3. Delete code di atas dan preview dulu. Kalau jadi, save. Make sure korang ada backup dahulu ya..

All the best !

You Might Also Like

0 comments

Featured Post

Followers