【问题标题】:change the width of the sidebar in a wordpress layout更改 wordpress 布局中侧边栏的宽度
【发布时间】:2016-03-17 09:22:44
【问题描述】:

我对 wordpress 和响应式布局设计非常陌生。我刚刚获得了一个域并安装了 wordpress。然后我安装了一个新主题并根据我的需要进行编辑。我的网站是http://www.laktro.com/wp/ 我需要让它的侧边栏更宽一些。为此,我需要 wordpress 专家的帮助。 这是我尝试过的。在CSS中,

#secondary{
  width: 22% ;
 }

我将值 22 更改为更高的数字(26%),然后侧边栏的内容会下降。找不到改变内容宽度的地方。请在这个问题上帮助我。我可以提供所需的任何其他详细信息或资源。

【问题讨论】:

  • 问题不清楚
  • 我需要让侧边栏更宽。

标签: css wordpress


【解决方案1】:

在你的style.css 601 行:

#primary {
    float: left;
    margin: 0 -27% 0 0; /* Change the -27% to something lower (like -30%) */
    padding: 0.7em;
    width: 98.2%;
    border-top: 4px solid #666;
}

【讨论】:

  • 这行得通,但是当屏幕小于 930 像素时,它会再次破坏布局。
  • 非常感谢,这个答案帮助了我,我解决了这个问题。我将 #primary 和 #content 的边距提高到 33% ,然后将 #secondary 宽度提高到 26% 。现在问题解决了。再次感谢。
【解决方案2】:

通过转到外观 > 编辑 CSS 并插入来编辑您的样式表:

#header, #footer, #wrapper {
width: 1000px;
}

您可能希望宽度大于 1000px 像素,因为在内容区域的左右两侧都有内置填充。

找到有趣的东西:

#wrap {
    background-color: #000;
    border-top: 8px none #69c;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.6);
    margin: 0 auto -20px;
    max-width: 960px; //your content area is fixed close this and see changes
    padding: 0;
    position: relative;
}

【讨论】:

  • 增加 max-width:960px 它会自动增加边栏的宽度
  • 我想将最大值保持在该值内并增加侧边栏宽度并减小内容宽度
  • .site-main { 背景:#eaeaea none 重复滚动 0 0; }
  • \wp-content\themes\yourtheme\index.php
猜你喜欢
  • 2016-12-23
  • 2013-03-10
  • 1970-01-01
  • 2015-01-12
  • 2016-08-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-06
相关资源
最近更新 更多