如何在Twenty17中将侧边栏更向右移动？

时间：2017-08-30 作者：DisplayName

我已尝试将此添加到style.css:

.sidebar, .widget-area, .secondary {
position: absolute
    margin-left: 120px;
    max-width: 250px;
}
但它不会移动。如果我删除position:absolute, 它被向下推，放在所有其他内容下。

2 个回复
最合适的回答,由SO网友:David Lee 整理而成

您有两种选择：

Option 1.

只需在侧栏CSS中添加负边距，如下所示：

@media screen and (min-width: 48em){
    #secondary{
       margin-right:-150px;
    }
}

Option 2.

向包装添加更多最大宽度：

@media screen and (min-width: 48em){
    .wrap{
        max-width: 1340px;//the default is 1000
        padding-left: 348px;//you have to add padding left so the left side doesnt move, the amount needs to be proportional to the amount of max-width you are incrementing
    }
}
我添加了媒体查询，这是必需的，这样CSS就不会影响移动视图。

SO网友:rudtek

css中有两段代码：

.has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 36%;  //change this to change the sidebar width
}

.has-sidebar:not(.error404) #primary {
    float: left;
    width: 58%; //counter the changes above with this code (increase this if you decrease the sidebar etc..
}
如果您希望更改内容的总宽度，以便边栏完全向右移动，而不是通过更改此代码来增加总包裹宽度：

.wrap {
    max-width: 1000px;  // increase this number to increase the width of your site.
    padding-left: 3em;
    padding-right: 3em;
}
当然，这些更改可以通过将其添加到您的样式中来实现。子主题的css

结束
标签： sidebar   theme-twenty-seventeen   小码农  

相关推荐

Not Getting Sidebar

我使用的侧栏使用if-else语句。无论我做什么，它总是显示else默认侧边栏。它们似乎已注册，因为它们显示在管理窗口小部件部分。我可以向它们添加小部件，但它们不会显示在页面中。仅默认侧栏。这是侧边栏模板<aside id=\"sidebar\" role=\"complementary\"> <?php if ( !function_exists(\'dynamic_sidebar\') || !dynamic_sidebar() ) : ?>&#

如何在Twenty17中将侧边栏更向右移动？ - 小码农CODE - 行之有效找到问题解决它

如何在Twenty17中将侧边栏更向右移动？

时间：2017-08-30 作者：DisplayName

我已尝试将此添加到style.css:

.sidebar, .widget-area, .secondary {
position: absolute
    margin-left: 120px;
    max-width: 250px;
}
但它不会移动。如果我删除position:absolute, 它被向下推，放在所有其他内容下。

2 个回复
最合适的回答,由SO网友:David Lee 整理而成

您有两种选择：

Option 1.

只需在侧栏CSS中添加负边距，如下所示：

@media screen and (min-width: 48em){
    #secondary{
       margin-right:-150px;
    }
}

Option 2.

向包装添加更多最大宽度：

@media screen and (min-width: 48em){
    .wrap{
        max-width: 1340px;//the default is 1000
        padding-left: 348px;//you have to add padding left so the left side doesnt move, the amount needs to be proportional to the amount of max-width you are incrementing
    }
}
我添加了媒体查询，这是必需的，这样CSS就不会影响移动视图。

SO网友:rudtek

css中有两段代码：

.has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 36%;  //change this to change the sidebar width
}

.has-sidebar:not(.error404) #primary {
    float: left;
    width: 58%; //counter the changes above with this code (increase this if you decrease the sidebar etc..
}
如果您希望更改内容的总宽度，以便边栏完全向右移动，而不是通过更改此代码来增加总包裹宽度：

.wrap {
    max-width: 1000px;  // increase this number to increase the width of your site.
    padding-left: 3em;
    padding-right: 3em;
}
当然，这些更改可以通过将其添加到您的样式中来实现。子主题的css

标签： sidebar   theme-twenty-seventeen   小码农  

相关推荐

Adding Multiple Sidebars

大家好，我想向我的wordpress站点添加多个侧栏。我目前在函数中注册了两个侧栏。php类似：function themename_widgets_init() { register_sidebar( array( \'name\' => __( \'Sidebar\', \'themename\' ), \'id\' => \'sidebar-1\', \'des