WordPress-CorePress主题模仿Mac主题样式
前言
很多朋友觉得默认的主题样式不是那么好看,其实大家可以通过自定义,对主题进行微调。
本次果核给大家分享如何给侧边栏标题修改成Mac风格,以及修改主题的圆角。使得界面看起来更圆润
效果
实现代码
:root {
--border-hd: 10px !important;
}
body header {
box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
}
.post-list-page-plane {
background-color: #fff;
}
body .widget-title {
border-bottom: none;
}
.friend-links {
overflow: hidden;
}
body .widget-title:before {
width: 12px;
height: 12px;
transform: none;
background: #fc625d;
border-radius: 50%;
top: 10px;
}
body .widget-title:after {
background-color: #fdbc40;
width: 12px;
height: 12px;
transform: none;
border-radius: 50%;
left: 20px;
top: 10px;
}
body .widget-title {
padding-left: 40px;
}
.widget-admin-author-contact-item-icon {
border-bottom-left-radius:2px!important;
}
注意:
- 免费版用户直接通过,主题设置自定义代码即可。也可封装为wp插件使用详情请看下述相关文章!
- pro用户可通过子主题style.css进行添加修改
相关文章
阅读剩余
版权声明:
作者:涛哥
链接:https://ltbk.net/write/article/967.html
文章版权归作者所有,未经允许请勿转载。
作者:涛哥
链接:https://ltbk.net/write/article/967.html
文章版权归作者所有,未经允许请勿转载。
THE END