Question

我在wordpress博客中找不到左边距。我的网站是用html5和css3编写的，但我的博客页面是一个已集成的wordpress博客。我正在使用我定制的二十世纪主题。

我的网站具有响应性，因此如果您缩小浏览器范围，您会发现它不会移动到桌面和移动版本，直到几个像素太晚。这对网站的其他部分来说不是问题所以某些地方的css会在正确的时间将博客错误地跳到正确的大小。

在博客的最左侧。无论浏览器有多窄，都有大约25-35像素的余量。这可能是我的问题，但我找不到它是什么。

我认为它可能是来自#main或.container类的继承余量，但它似乎并非如此。

这是我的博客，我的问题是。 http://www.kidstart.ie/blog

有人可以帮忙吗？我没有想法！

Answer 1

您有一个内联样式，即在#main上设置填充，从而设置您看到的左侧空间。删除此部分，它将消失：

#masthead, #main, #colophon {
    padding-left: 2.857142857rem;
    padding-right: 2.857142857rem;
}

Answer 2

您要寻找的样式是由stylesplugin嵌入的，请查看您网站的源代码：

<!-- Styles cached and displayed inline for speed. Generated by http://stylesplugin.com -->
<style type="text/css" id="styles-plugin-css">
#searchsubmit,.styles .post-password-required input[type="submit"],#respond input#submit{background-image:none}body .site{padding-left:0;padding-right:0;max-width:74.285714285rem}#masthead,#main,#colophon{padding-left:2.857142857rem;padding-right:2.857142857rem}
</style>

这是你要找的填充 - 在/wp-content/themes/kidstarttheme/style.css中使用这样的东西

@media only screen and (max-width: 739px) {
  #main { padding-left: 0 !important; padding-right: 0 !important;  }
}

Answer 3

只是看着你的网站，你正在调整宽度，整个响应点是让你的身体流畅，所以使用百分比和最大宽度来控制它的大小

最大宽度：700像素; 宽度：100％;

通过这种方式，您的网站应调整为正在查看的任何设备

无法删除wordpress css左侧的边距

3 个答案: