HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Side Panel

How can I move the side panel to the right?


  • K17K17 Français / French Paris, France ✭✭✭
    edited June 2015

    Hello :dizzy:
    You need to add this in your CSS:
    #Panel {
    width: 230px;
    float: right;
    #Content {
    float: left;
    margin: 0px;
    width: 700px;
    #Body .ContentColumn {
    margin: 0px;

    And use this default.master.tpl:
    <!DOCTYPE html> <html> <head> {asset name="Head"} </head> <body id="{$BodyID}" class="{$BodyClass}"> <div id="Frame"> <div class="Head" id="Head"> <div class="Row"> <strong class="SiteTitle"><a href="{link path="/"}">{logo}</a></strong> <div class="SiteSearch">{searchbox}</div> <ul class="SiteMenu"> <!-- {dashboard_link} --> {discussions_link} {activity_link} <!-- {inbox_link} --> {custom_menu} <!-- {profile_link} {signinout_link} --> </ul> </div> </div> <div id="Body"> <div class="Row"> <div class="BreadcrumbsWrapper">{breadcrumbs}</div> <div class="Column ContentColumn" id="Content"><!-- Here you can place a 128*90 ad banner, add <br /> after -->{asset name="Content"}</div> <div class="Column PanelColumn" id="Panel"> {module name="MeModule"} {asset name="Panel"} </div> </div> </div> <div id="Foot"> <div class="Row"> <a href="{vanillaurl}" class="PoweredByVanilla" title="Community Software by Vanilla Forums">Powered by Vanilla</a> {asset name="Foot"} </div> </div> </div> {event name="AfterBody"} </body> </html>

    Or download the adaptation "Custom Baseline"

Sign In or Register to comment.