Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Try Vanilla Forums Cloud product

In this Discussion

Side Panel

This discussion is related to the ColorBaseline addon.

How can I move the side panel to the right?


  • K17K17 Unkorneglosk - Français / French ✭✭✭
    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.