删除 Wordpress 主题的边距

Question

我正在使用 Wordpress，目前我已经在我的网站上安装了 Tesseract 主题：(http://instantiwebs.com)

我想删除所有内容的 left/right 页边距，就像这个网站所做的那样：http://tyler.com/。它也使用相同的主题。

我查看了 CSS 样式，但似乎找不到合适的部分进行编辑。样式表位于此处：http://alexardavin.com/instantiwebs.com/wp-content/themes/Tesseract/style.css

非常感谢您的帮助，谢谢！

Answer 1

body .site {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
}

试试上面的代码

Answer 2

只需将此代码添加到样式表的底部，它应该适合您。

编辑：确保您有 !important 语句。

#site-banner {
    max-width: 100%!important;
    padding-left: 20px;
    padding-right: 20px;
}
#footer-banner {
  max-width: 100%;
  padding: 0 20px;
}
#site-banner-right {
    right: 20px!important;;
}

Answer 3

使用免费插件 Wordpress My Custom CSS。

它很轻，对于小的 CSS 编辑，您不需要更改主题源代码。它可以防止您的编辑在更新时被覆盖。

删除 Wordpress 主题的边距

Remove margins on Wordpress theme

html

css

wordpress

margins