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

作者 : 木目网络 本文共477个字,预计阅读时间需要2分钟 发布时间: 2020-05-11 共2.58K人阅读

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

/* 主题缩略图和幻灯片添加圆角边框 */
.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
}

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

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

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

RIPRO主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
木目网络源码 » WordPress知更鸟主题 整站添加缩略图圆角样式

常见问题FAQ


Warning: Invalid argument supplied for foreach() in /www/wwwroot/www.mumuwangluo.com/wp-content/themes/huzao-child/parts/author-box.php on line 12

发表评论

提供最优质的资源集合

立即查看 了解详情
×
开通VIP 享更多特权,建议使用QQ登录