Friday, July 16, 2010

CSS - Remove Right Sidebar

WARNING!   DO NOT use the code below for your IDX/MLS Search pages. On your "Home Search" page and "IFramed Pages", there is an "Advanced Settings" section which allows you to set which sidebars are shown.

Remove the "right sidebar" on "all pages".
Paste the CSS below into the "Advanced CSS Control" page.

.center{width:755px;margin:20px;display:inline;}
.right{display:none;}
.body1{margin-bottom:0;}
.body3{background-image:url();}
.body4{background-image:url();}


Remove the "right sidebar" on a "single page".
Go to "Advanced Page Settings" located under the "Select Pages" tab. Select the page you want to hide the right sidebar on. Paste the CSS below into the "Head" section.

<style type="text/css">
.center{width:755px;margin:20px;display:inline;}
.right{display:none;}
.body1{margin-bottom:0;}
.body3{background-image:url();}
.body4{background-image:url();}
</style>


Show the "right sidebar" on a "single page" AFTER you used the CSS code above to remove it across all of your pages.
Go to "Advanced Page Settings" located under the "Select Pages" tab. Select the page you want to show the right sidebar on. Paste the CSS below into the "Head" section.

<style type="text/css">
.center{width:550px;}
.right{display:block;}
</style>