移除WordPress模板白色内边距：自定义Inbox主题后右侧空白求助

我之前处理过不少类似的栅格布局问题，你遇到的右侧空白大概率是主内容区域的宽度限制没跟上，或者父容器/主盒子还保留着适配原侧边栏的内边距、栅格配置，给你几个精准的解决步骤：

• 第一步：调整主文章容器的栅格类
  原主题用的是Bootstrap风格的栅格系统，你删除的社交栏是col-xl-1，那主文章容器大概率是col-xl-11这类宽度限制类。打开开发者工具定位到主文章的外层盒子，把它的栅格类改成col-xl-12，同时检查有没有offset-xl-1这类偏移类，有的话一并删掉。

• 第二步：清除多余内边距
  如果改了栅格类还是有空白，可能是容器本身带了右侧内边距。找到主文章盒子或者它的父级row/container元素，添加CSS移除内边距：

  /* 替换成你实际找到的主内容类名 */
  .your-main-content-class {
      padding-right: 0;
  }
  
  /* 父容器如果有内边距也一起清掉 */
  .your-parent-row-class {
      padding-right: 0;
      margin-right: 0;
  }
  

  尽量不用!important，可以通过更具体的选择器提升优先级，比如.site-wrapper .your-main-content-class。

• 第三步：排查隐藏占位元素
  有些主题会在侧边栏删除后生成空的占位div（你提到的"div init"可能就是这类），如果没删干净，它可能还占据着宽度。用开发者工具的元素搜索功能，找页面中宽度为1/12的空元素，删掉它或者给它加display: none的样式。

• 第四步：强制主内容占满空间
  要是以上方法都不行，直接给主内容盒子加flex占满的样式：

  .your-main-content-class {
      flex: 1 1 100%;
      width: 100%;
      max-width: 100%;
  }
  

记得修改CSS的时候，要么用主题的自定义CSS面板，要么在子主题的style.css里添加，别直接改原主题文件，避免更新后丢失。

内容的提问来源于stack exchange，提问作者user14361740