CorePress主題模仿Mac樣式
很多朋友覺得默認的主題樣式不是那么好看,其實大家可以通過自定義,對主題進行微調。
本次給大家分享如何給側邊欄標題修改成Mac風格,以及修改主題的圓角。使得界面看起來更圓潤
CSS代碼
免費版用戶將此段CSS代碼,加入到主題設置,插入代碼,自定義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 Pro 可以使用子主題,編輯更為方便,放到子主題的style.css文件即可
https://www.yuque.com/applek/corepress/dev
2023-4-2
Pro主題,1.5.8版本,已經加入可視化自定義,無需再手動設置。
版權聲明:
作者:applek
鏈接:http://www.yydfqli.cn/corepressmac.html
文章版權歸作者所有,未經允許請勿轉載。
THE END