xc主题手机页面侧边栏美化及背景更换

前言

今天偶然间逛到 苏晓晴博客 ，发现他博客主题的手机页面侧边栏和网页背景挺好看的，于是将其抄了过来，下面记录改动过程。

教程

侧边栏

直接在后台外观设置的自定义css添加下列代码或在网站引用的style.css文件添加

ul.header_roll-menu.panel-box {    background: var(--background);
    border-radius: var(--radius-wrap);
    padding: 10px 15px;
    box-shadow: var(--box-shadow);
    margin-bottom: 15px}
ul.header_roll-count {    
    background: var(--background);
    border-radius: var(--radius-wrap);
    padding: 10px 15px;
    box-shadow: var(--box-shadow);
    margin-bottom: 15px}

{gird-item}

{/gird-item}
{gird-item}

{/gird-item}

背景页更换

最初在后台外观设置里的自定义css加上下面代码，结果无效。F12查看，主题在includ.php有颜色代码，冲突了，于是乎直接动刀。

       body::before {
            background: url(/usr/uploads/2024/3989425377.jpeg);
        }

效果对比

{gird-item}

{/gird-item}
{gird-item}

{/gird-item}