PIX主题08:页面尾部视觉优化

这是优化后的样子,感官视觉更合适现在的主题布局。

具体设置方法如下

更改文件路径:main.css ( inc/assets/css/main.css )

更改具体位置与参数:

原代码改代码
.footer_main {
position: relative;
width: -webkit-fill-available;
width: -moz-available;
padding: 0 10px;
padding-bottom: 100px;
z-index: 988;
}
.footer_main {
position: relative;
width: -webkit-fill-available;
width: -moz-available;
padding: 0 10px;
padding-bottom: 28px;
z-index: 988;
}
原代码改代码
#t_pagination, #pagination {
padding: 90px;
text-align: center;
display: flex;
justify-content: center;
border-top: 1px solid #ebf2ed;
}
#t_pagination, #pagination {
padding: 50px;
text-align: center;
display: flex;
justify-content: center;
border-top: 1px solid #ebf2ed;
}
原代码改代码
.blog_list_inner, .normal_list_inner, .single_wrap {
background: #f6faf8;
padding-bottom: 30px;
}
.blog_list_inner, .normal_list_inner, .single_wrap {
background: #f6faf8;
padding-bottom: 2px;
}

说明:具体参数可以根据自己的需要,进行调整,我的仅供参考。

往期PIX主题设置系列:
Pix主题01:接入一言接口
PIX主题02:菜单透明自定义CSS
PIX主题03:片刻和评论头像加黄V
PIX主题04:加上Ai摘要并支持pjax
PIX主题05:必看基础设置教程
PIX主题06:音乐歌词与可视化
PIX主题07:页面圆角和直角设置

往期PIX主题设置系列:(下面列表为PastPostsDisplay插件呈现)

本站文章除注明出处外,均为原创或翻译,转载请务必署名。
© 2024 www.evan.xin

Comments | 4 条评论
  • 格子老师

    这个模板是收费的吧?怎么收费的。

    From : 北京
  • Pnnk

    确实顺眼很多

    From : 乌鲁木齐
    • Evan

      @Pnnk 嘿嘿~

      From : 北京
消息盒子
# 您有6条未读消息 #
# 您需要首次评论以获取消息 #
# 您需要首次评论以获取消息 #

只显示最新10条未读和已读信息

.