1. 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

Discussion in 'XenForo Questions and Support' started by WoodiE, Nov 18, 2010.

  1. WoodiE

    WoodiE Well-Known Member

    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?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Moved to general support from template modifications.
  3. Shadab

    Shadab Well-Known Member

    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)
    	 float: right;
    	 margin-left: -{xen:calc '@sidebar.width + 10'}px;
    	 width: 100%;
    		margin-left: {xen:calc '@sidebar.width + 10'}px;
    	@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.
  4. WoodiE

    WoodiE Well-Known Member

    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!
  5. Peggy

    Peggy Well-Known Member

    Glad to know it worked. I'm going to try it on my test forum.
  6. limboclub

    limboclub Member

    Is the sidebar for the forum the same as the one for the Conversations page?

Share This Page