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

2024年6月28日 695

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

具体设置方法如下

更改文件路径：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插件呈现）

[past_posts_display ids="292,1079,1094,1098,1111,1190,1198" limit="10"]

评论区 | 6 条评论

Recent Posts