子比主题美化 – 文章卡片下载按钮样式美化

此页面的默认 H1 标题

给子比主题卡片样式下面加一个下载按钮样式,非常美观,给自己的子比主题去加一个吧,这个非常实用,这个代码是扒mac站长的一个美化。

教程

首先一共三步,有两行php代码和一个css代码,话不多说直接开始教程

第一个PHP代码放到子比文件:/wp-content/themes/zibll/inc/functions/zib-posts-list.php的大概268行。

未设置二维码
扫码关注微信并回复“密码” ,获取口令输入后查看内容

最后CSS代码,直接放到子比主题=>>自定义CSS样式即可!

background: linear-gradient(to right, #4f6dee, #67bdf9);这个是颜色,自己需求改。

/*文章卡片下载按钮*/
a.down {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: linear-gradient(to right, #4f6dee, #67bdf9);
    color: #fff;
    text-align: center;
    cursor: pointer
    text-shadow: none;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

 

上一篇 子比主题美化 – 文章页面添加本站历史上的今天
下一篇 子比主题美化 – 模拟框增加tips