详情
评论
问答

子比主题美化 – 文章卡片添加背景

模仿腾飞博客的文章背景图,看着没那么白

子比主题美化 - 文章卡片添加背景插图

 

代码:

/* 文章卡片基础样式 */
.posts-item.card {
    position: relative !important;
    padding: 36px 10px 10px 10px;
    overflow: hidden;
    margin-bottom: 8px !important;
    background-image: url(/wp-content/uploads/replace/1eef3617b716d671400e11e771d1d4ac.png);
    border-radius: 9px;
}

/* 文章卡片标题字体大小 */
.posts-item.card .item-heading {
    font-size: 17px;
}

/* 文章卡片装饰点 */
.posts-item.card::before {
    content: "";
    display: block;
    background: #007bff;
    top: 13px;
    left: 15px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    box-shadow: 16px 0 #ff6347, 32px 0 #fdbc40;
    position: absolute;
    z-index: 1;
}

/* 文章卡片右上角时间隐藏 */
.posts-item.card .macgf_soft_time {
    display: none !important;
}

 

子比主题美化 - 文章卡片添加背景插图1

文章很赞,支持一下吧~ 还没有人为TA充电
为TA充电
还没有人为TA充电
© 版权声明
THE END
喜欢就支持一下吧
点赞15打赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容