侧边栏壁纸

评论区样式美化 - typecho Xc主题

2024年04月03日 154阅读 0评论 1点赞

前言

Xc主题开源版只有一个评论区样式,整个评论区在一个块级元素,父级评论之间没有明显的空间隔开。所以,参照苏晓晴博客进行美化。

过程

  • 背景虚化
.Xc_comment{
background: rgb(35 35 35 / 0%)!important;}

背景虚化

  • 评论区间隔
    下列代码中的padding改为0rem

布局优化

  • 评论区样式
.Xc_comment > ol > li, .Xc_comment .Xc_comment_respond {
   margin-top: 1.5rem;
   position: relative;
   background: var(--background);
   padding: 1.5rem;
   border-radius: var(--radius-wrap);
}

评论区样式

效果对比

原样式

现样式

1

—— 评论区 ——

昵称
邮箱
网址
取消
博主栏壁纸
36 文章数
48 标签数
107 评论量