• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Move sidebar to left side

WoodiE

Well-known member
#1
I'm sure this is an easy change or maybe even an option that I'm overlooking, but how do I move the side bar from the right side to the left side?

What about decreasing or increasing the width of the side bar?
 

Shadab

Well-known member
#3
Change the sidebar width:
Admin Panel » Appearance » Style Properties » [Select your Style] » Sidebar » Width

Change the sidebar to left:
Admin Panel » Appearance » Templates » [Select your Style] » sidebar.css

(Edit the highlighted values)
Code:
.mainContainer
{
	 float: right;
	 margin-left: -{xen:calc '@sidebar.width + 10'}px;
	 width: 100%;
}

	.mainContent
	{
		margin-left: {xen:calc '@sidebar.width + 10'}px;
	}

.sidebar
{
	@property "sidebar";
	font-size: 11px;
	float: left;
	width: 250px;
	@property "/sidebar";
}
PS: If you edit the sidebar width via Style Properties, sidebar.css will be updated accordingly with the modified value. And likewise, if you edit the value directly in sidebar.css (width: 250px) the Style Property will get updated as well. So you need not worry about updating the value in multiple locations.
 

WoodiE

Well-known member
#4
Sorry for posting in the wrong forum.

@Shadab, thanks for the detailed info. I figured it was something simple and your reply worked perfectly. Thanks!