wordpress主题CorePress增加模仿Mac风格

折腾是做博客的意义所在之一,很多朋友觉得corepress默认的主题样式不是那么好看,其实大家可以通过自定义,对主题进行微调。本次给大家分享如何给侧边栏标题修改成Mac风格,以及修改主题的圆角。使得界面看起来更圆润!

使用方式

免费版用户将此段CSS代码,加入到主题设置,插入代码,自定义CSS,即可!

CorePress Pro 可以使用子主题,编辑更为方便,放到子主题的style.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;
}

转载自lovestu,原文链接:Lovestu - CorePress主题模仿Mac样式

本站提供的所有资源、信息,都来自网络,版权争议与本站无关,所有内容仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则一切后果请用户自负,我们不保证内容的长久性,且通过使用本站内容随之而来的风险与本站无关!
THE END
分享
二维码
打赏
< <上一篇
下一篇>>
文章目录
关闭
目 录