You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.29 17:24:20