WordPress wpocean主题页脚固定左右外边距设置求助
wpocean主题桌面端页脚左右边距配置方案
操作步骤如下:
- 登录WordPress后台,进入「外观」-「自定义」-「额外CSS」板块
- 粘贴以下CSS代码,代码仅在992px以上的桌面设备生效,不会干扰移动端布局
@media only screen and (min-width: 992px) { #footer .footer-inner, #footer-bottom .footer-bottom-inner { margin-left: 20px; margin-right: 20px; max-width: calc(100% - 40px); width: auto; } }
- 点击「发布」保存配置,前台按
Ctrl+F5强制刷新清除缓存即可看到效果 - 如果样式未生效,是主题原有样式优先级更高,给属性值后加
!important即可,例:margin-left: 20px !important;
不要直接给最外层footer标签加边距,会导致页脚通栏背景同步缩进,上述选择器已匹配wpocean主题默认DOM结构,直接对准页脚内容包裹容器,和预期效果一致。
小提示:如果你的站点安装了缓存插件,保存CSS后还要去插件后台清空全站缓存,否则访客可能看不到更新后的样式
内容的提问来源于stack exchange,提问作者AndreasInfo
相关产品推荐
相关产品推荐

