WordPress知更鸟主题 整站添加缩略图圆角样式

木目
木目
木目
234
文章
7
评论
2020年5月11日14:11:08 评论 1,236
广告也精彩

        知更鸟主题原版的缩略图样式是直角样式的,看着比较直板,那如何给全站的缩略图添加圆角样式呢?今天小编就教大家如何设置圆角样式?代码如下:

/* 主题缩略图和幻灯片添加圆角边框 */
.thumbnail {
border-radius: 6px;
box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
}
/** 网站圆角样式集合 **/
#slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a,.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a
{
border-radius: 8px
}

把以上代码添加到添加到主题设置中的定制风格--自定义样式框里即可,方法如下:

然后保存,刷新网站首页即可看到效果,效果如下:

你学会了?赶紧去试一下吧!

  • 扫扫加博主微信
  • 分享热门资源
  • weinxin
  • 微信公众号
  • 扫一扫获取解压密码
  • weinxin
广告也精彩
  • 本文由 发表于 2020年5月11日14:11:08
广告也精彩

您必须才能发表评论!