Question

我使用的是Wordpress，我目前在我的网站上安装了Tesseract主题：（http：// instantiwebs.com）

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

我查看了CSS样式，似乎无法找到要编辑的正确部分。样式表位于此处：http://alexardavin.com/instantiwebs.com/wp-content/themes/Tesseract/style.css

非常感谢帮助，谢谢！

Answer 1

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

编辑：确保您拥有！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 2

使用免费插件Wordpress My Custom CSS。

很轻，对于小的CSS编辑，您不能更改主题源代码。它会阻止您在更新时覆盖您的编辑。

Answer 3

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

尝试上面的代码

删除Wordpress主题上的边距

3 个答案: