必须在css样式表中更改css第二十一/侧边栏。左侧的侧边栏

时间:2013-01-02 作者:Toni Isler

我必须改变我的wordpress外观。侧边栏应放在左侧。我已经在寻找解决方案,但我发现的代码不适合我的。我不知道在哪里我必须改变它。我知道我可以在选项中更改它,但我需要在CSS样式表中更改它。谢谢你的帮助!

二十一/二十一。44:样式表(style.css)

body {
    padding: 0 2em;
}
#page {
    margin: 2em auto;
    max-width: 1000px;
}
#branding hgroup {
   margin: 0 7.6%;
}
#access div {
    margin: 0 7.6%;
}
#primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
#content {
    margin: 0 34% 0 7.6%;
    width: 58.4%;
}
#secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
}


/* Singular */
.singular #primary {
    margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
    margin: 0 7.6%;
    position: relative;
    width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
    margin: 0 auto;
    width: 68.9%;
}


/* Attachments */
.singular .image-attachment .entry-content {
    margin: 0 auto;
    width: auto;
}
.singular .image-attachment .entry-description {
    margin: 0 auto;
    width: 68.9%;
}


/* Showcase */
.page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
    margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
    margin: 0 7.6%;
    width: auto;
}
.page-template-showcase-php section.recent-posts {
    float: right;
    margin: 0 0 0 31%;
    width: 69%;
}
.page-template-showcase-php #main .widget-area {
    float: left;
    margin: 0 -22.15% 0 0;
    width: 22.15%;
}


/* error404 */
.error404 #primary {
    float: none;
    margin: 0;
}
.error404 #primary #content {
    margin: 0 7.6%;
    width: auto;
}


/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
    float: left;
    margin: 0 0 0 -26.4%;
    width: 100%;
}
.left-sidebar #content {
    margin: 0 7.6% 0 34%;
    width: 58.4%;
}
.left-sidebar #secondary {
    float: right;
    margin-left: 7.6%;
    margin-right: 0;
    width: 18.8%;
}

2 个回复
SO网友:Naveen Chand K

尝试编辑您的样式。css如下所示:

查找此项:#secondary

并按以下方式进行编辑:

#secondary {
    float: left;
    margin: 28px;
    width: 22.8%;
}
然后找到这个:#primary

并按以下方式进行编辑:

#primary {
    float: right;
    margin: 0 -55px;
    width: 80%;
}
这样,您的侧边栏将向右移动。您可以继续处理这些css属性,直到获得完美的布局。

请注意,这适用于TwentyEleven主题。

SO网友:Daniel Ruf

This should do it:

#primary {
    float: right;
    margin: 0 -26.4% 0 0;
    width: 100%;
}

#secondary {
    float: left;
    margin-right: 7.6%;
    width: 18.8%; 
}
结束

相关推荐

将导航菜单css类添加到正文

我想将当前菜单项的CSS类(及其父类和父类)添加到当前页面主体类中。例如,如果当前菜单项有一个CSS类“products”(如外观|菜单中所定义),那么相应页面的主体也应该有一个类“products”。如果这对任何人都有意义的话,有什么办法吗?我已经看过了“How to add current, parent, and ancestor menu item IDs to body_class()?“但在我的情况下,这些想法是行不通的。