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

Move Sidebar to Right

Robust

Well-known member
#1
How can I move the sidebar to the right side? imo makes the most sense since all sidebars in XF are on the right hand side.
 

Allan

Well-known member
#2
Try this: (add EXTRA.css template)
Code:
.xengalleryContainer {
float: left !important;
}
.container .xengallerySideBar {
padding-right: 0px !important;
padding-left: 10px !important;
}
 

TJA

Well-known member
#3
How can I move the sidebar to the right side? imo makes the most sense since all sidebars in XF are on the right hand side.
In xengallery_wrapper.css make sure the following looks like this:

Code:
.xengalleryContainer
{
    float: left;
    margin-right: -{xen:calc '@categorySidebar.width + 10'}px;
    width: 100%;
}

.xengalleryContainer .insideContainer
{
    margin-right: {xen:calc '@categorySidebar.width + 10'}px;
}

.container .xengallerySideBar
{
    @property "categorySidebar";
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    *float: left;
    width: 220px;
    @property "/categorySidebar";
}