熱門文章縮圖樣式

一直覺得預設的熱門文章樣式，顯示的不適很理想，所以稍微修改符合整體網站的樣式呈現!
在未修改前的熱門文章區塊呈現如下圖:(注意紅色框線部分)

其實，我也是套用本站修改的最新文章區塊裡縮圖的顯示樣式而已^^。為了整體感覺，取現成來套用就好!

在後台主題自訂下，找到進階、新增CSS樣式，套用如下語法

.item-thumbnail img{
  margin: 0;
  padding: 4px;
  background: #FFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
  opacity: 0.9;
}

參考下圖

套用完成後到前台看看，效果如下圖囉~

整體的感覺是不是比較好些了呢?