使用Elementor和Envato模板的WordPress站页眉页脚分隔线问题求助

一、移除页眉与内容区域的分隔线并修正布局 #

• 通过Elementor编辑器调整页眉模板：
  1. 进入WordPress后台，打开Elementor → 我的模板，找到目标页眉模板并点击编辑。
  2. 选中页眉容器或整个页眉模块，在右侧面板的样式标签下，检查**边框（Border）**设置，将底部边框宽度设为0，清空边框颜色。
  3. 若logo和导航栏被挤压，调整页眉模块的边距（Margin）和内边距（Padding），把底部边距/内边距调至合适数值，释放布局空间。
• 自定义CSS兜底修复（若Elementor设置无效）：
  打开WordPress后台外观 → 自定义 → 额外CSS，添加以下代码（需替换为你网站页眉区域的实际类名，可通过浏览器右键“检查元素”获取）：

  /* 移除页眉底部分隔线并修正间距 */
  .your-header-class {
      border-bottom: none !important;
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
  }
  

二、移除页脚分隔线及“Powered by WordPress”文本 #

移除页脚分隔线 #

• 方法1：编辑Elementor页脚模板，选中页脚容器，在样式标签下找到边框设置，将顶部/底部边框宽度设为0。
• 方法2：自定义CSS添加代码（替换为实际页脚类名）：

  /* 移除页脚分隔线 */
  .your-footer-class {
      border-top: none !important;
      border-bottom: none !important;
  }
  

移除“Powered by WordPress”文本 #

• 方法1：模板设置关闭：进入外观 → 自定义，找到Envato模板的页脚设置选项，关闭“显示版权信息”或“Powered by WordPress”开关。
• 方法2：Elementor编辑页脚时，找到对应文本模块，直接删除或隐藏。
• 方法3：自定义CSS隐藏：

  /* 隐藏Powered by WordPress文本 */
  .site-info .powered-by-wordpress {
      display: none !important;
  }
  

注意：所有类名需替换为你网站实际的元素类名；若使用Envato模板自带的页眉页脚，优先在模板专属设置面板调整。

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