【问题标题】:Unable to remove margin in left of wordpress css无法删除wordpress css左侧的边距
【发布时间】:2014-07-22 20:39:30
【问题描述】:

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

我的网站是响应式的,所以如果您缩小浏览器的范围,您会发现它不会移动到表格和移动版本,直到几个像素为时已晚。这在网站的其他部分不是问题,因此某处的某些 css 会妨碍博客在正确的时间准确跳转到正确的大小。

在博客的最左边。无论浏览器有多窄,都有大约 25-35 像素的边距。这可能是我的问题,但我找不到问题所在。

我认为它可能是从 #main 或 .container 类继承的边距,但似乎不是。

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

有人可以帮忙吗?我没有主意了!

【问题讨论】:

    标签: html wordpress css


    【解决方案1】:

    你要找的样式是被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;  }
    }
    

    【讨论】:

    • @doublesharp 伙计们,这是完美的。非常感谢你们的 cmets 和您的帮助。我已经放弃了,我找不到那个 css 是从哪里来的。我可以给这些答案投票或积分吗?
    • @Shambolic 欢迎您。我推荐你使用 Google Chrome 开发者工具 (F12) - 右键单击​​主元素->检查元素,然后找到
      并查看:link
    【解决方案2】:

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

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

    【讨论】:

      【解决方案3】:

      只看你的网站,你正在固定宽度,响应的重点是让你的侧面流畅,所以使用百分比和最大宽度来控制它的大小

      最大宽度:700px; 宽度:100%;

      通过这种方式,您的网站应调整大小以适应正在查看的任何设备

      【讨论】: