How to move the left sidebar to center? So will be : content -> left sidebar -> right sidebar?

Comments

Florian’s picture

This is not possible because of the theme's design. Sorry.

alexbk66-’s picture

I've got it with the following CSS. So I have two sidebars on the right: hobbyblob.com

The only problem is that if left sidebar doesn't have any blocks in it, it still takes space, which is ugly. I hope to sort it out, may be with somebody's help?

body.l-m-r-eq .outer,
body.l-m-eq .outer,
body.l-m-eq .outer {
  margin-left: 0px;
}

.colmain {
  float: left;
  width: 75%;
}

.colleft {
  float: right;
}

body.l-m-r-var1 .colleft,
body.m-r-var1 .colleft,
body.l-m-var1 .colleft, 
body.l-m-r-fix1 .colleft, 
body.m-r-fix1 .colleft, 
body.l-m-fix1 .colleft {
  width: 25%;
  margin-left: 0px;
}

body.l-m-r-eq .colleft,
body.m-r-eq .colleft,
body.l-m-eq .colleft {
  margin-left: 0px;
  width: 25%;
}

#sidebar-left {
 margin: 20px 10px 10px 10px;
}

body.l-m-r-var1 .outer {
  margin-left: 0px;
}

body.m-r-var1 .colright {
  width: 240px;
  margin-right: -330px;
}
alexbk66-’s picture

Got it!
HobbyBlob.com

/* Move Left sidebar to right */
body.l-m-r-eq .outer,
body.l-m-eq .outer,
body.l-m-eq .outer {
  margin-left: 0px;
}

.colmain {
  float: left;
  width: auto;
  min-width: 75%;
}

body.l-m-r-var1 .colleft,
body.m-r-var1 .colleft,
body.l-m-var1 .colleft, 
body.l-m-r-fix1 .colleft, 
body.m-r-fix1 .colleft, 
body.l-m-fix1 .colleft,
body.l-m-r-eq .colleft,
body.m-r-eq .colleft,
body.l-m-eq .colleft {
  float: right;
  width: 25%;
  margin-left: 0px;
}

#sidebar-left {
  margin: 20px 10px 10px 10px;
}

body.l-m-r-var1 .outer,
body.m-r-var1 .outer {
  margin-right: 210px;
  margin-left: 0px;
}

body.l-m-r-var1 .colright,
body.m-r-var1 .colright,
body.l-m-var1 .colright,
body.l-m-r-fix1 .colright,
body.m-r-fix1 .colright,
body.l-m-fix1 .colright {
  width: 210px;
  margin-right: -210px;
}

Florian’s picture

Issue summary: View changes
Status: Active » Closed (won't fix)