子比主题美化 – 用户信息小工具底部两个按钮美化

效果图

教程开始

复制下面代码 添加到WordPress后台-子比主题设置-全局-自定义代码-自定义css代码中即可

.user-btns .btn-newadd,.user-btns .jb-pink{background:linear-gradient(90deg,#ff92ac 0,#fd6dcb 100%);color:#fff !important;border:none !important}.user-btns .btn-newadd:hover,.user-btns .jb-pink:hover{filter:brightness(1.1) saturate(1.1);box-shadow:0 6px 18px -6px #fd6dcb7a}.user-btns .jb-blue{background:linear-gradient(90deg,#40a6fa 0,#356aef 100%);color:#fff !important;border:none !important}.user-btns .jb-blue:hover{filter:brightness(1.08) saturate(1.08);box-shadow:0 6px 18px -6px #356aef5c}.user-btns a,.user-btns .but{padding:0 22px;line-height:36px;border-radius:20px;font-size:15px;font-weight:600;box-shadow:0 2px 10px rgb(66 140 225 / 6%);transition:all .18s}