CorePress主题模仿Mac样式,使得界面看起来更圆润

很多站长朋友觉得CorePress主题默认的样式不是特别好看,其实我们可以通过自定义,对主题进行微调。今天,站长给大家分享一下如何给侧边栏标题修改成Mac风格,以及修改主题的圆角,使得界面看起来更圆润。

CSS代码

: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;
}

CorePress免费版用户,可以将上面的CSS代码,复制添加到 [主题设置] - [插入代码] - [自定义CSS] 保存即可,如下图。

CorePress主题模仿Mac样式,使得界面看起来更圆润

付费版的CorePress Pro可以使用子主题,将上面的CSS代码放到子主题的style.css文件里即可,编辑更为方便。

CorePress主题模仿Mac样式,使得界面看起来更圆润

下面是CorePress主题优化后的界面,模仿Mac样式。

CorePress主题模仿Mac样式,使得界面看起来更圆润

✅来源:十一张博客
© 版权声明
THE END
如果觉得这篇文章对您有帮助,不妨考虑请我喝杯奶茶😄
点赞4赞赏 分享
评论 抢沙发
头像
评论人工审核通过显示,请勿重复提交!
提交
头像

昵称

取消
昵称表情代码

    暂无评论内容