【问题标题】:Removing the margin From my Wordpress website从我的 Wordpress 网站中删除边距
【发布时间】:2017-08-18 20:39:42
【问题描述】:

我有一个安装了“Quidus 主题”的 Wordpress 网站http://theme.socialflag.net/latest-free-wordpress-themes/
右侧有一个很大的不必要的空间,看起来很糟糕。
我想删除这个空间并希望我的网页适合整个屏幕。
如果我可以更改我的 CSS 样式,请告诉我。 我的一位朋友提供了此代码,但我不知道如何处理或将代码放在哪里。

注意:我希望我的所有帖子都适合全宽,而不仅仅是我提供的页面链接。

    <pre>

@media screen and (min-width: 1105px){

.site-content {
    width: 78%;
}

</pre>

【问题讨论】:

标签: html css wordpress margin


【解决方案1】:

承担以下工作:

  • 将布局中的max-width 属性覆盖为 100%(或者,如果您愿意,您可以查找规则并将其在您的 css 中删除
  • 将 id 为 content 的 div 设置为 78% 的宽度

    click here for codepen

  • 【讨论】:

      【解决方案2】:

      更改media screen 中的css site-content,它会看起来像附图:

      <pre>
      
      @media screen and (min-width: 1105px){
      .site-content {
          width: 78%;
      }
      
      </pre>
      

      【讨论】:

      • 希望对你有用
      • 请通过预览仔细检查您的答案
      • – IsuruAb 兄弟,我没有得到你。你说什么?
      • @chiragsolanki 你能告诉我把这段代码放在哪里吗?我对 html 和 css 编码有点熟悉。看来您的代码很棒。但我需要更多说明。我不知道如何处理这段代码。此外,我希望所有帖子都使用相同的代码。您提供的代码仅适用于 My One Page Click To See Page 。我也需要当我点击我的任何帖子时也有相同的结果。
      【解决方案3】:

      使用浏览器中的开发人员工具(即 Chrome 中的检查器或 Firefox 中的 firebug)查看填充的来源。

      填充应用于主体以外的其他内容,或者填充应用于主体但仍覆盖您的 CSS。例如:

      body.class {
          padding: 20px;
      }
      Would override your CSS. or
      
      body {
          padding: 20px;
      }
      

      在您的 CSS 仍会覆盖之后声明。 我在我的网站http://calendarsnews.com/ 上遇到了同样的问题,但是当我在解决我的问题后使用这个过程时

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2014-09-24
        • 1970-01-01
        • 1970-01-01
        • 2017-08-19
        • 2017-12-06
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多