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>

CSS - Remove Left 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 "left sidebar" on "all pages".
Paste the CSS below into the "Advanced CSS Control" page.

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


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

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


Show the "left 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 left sidebar on. Paste the CSS below into the "Head" section.

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

CSS - Website Font

Change the font used across your entire website.
The font family should be separated by commas. You should have more than one defined. If the users computer does not have the first font, it will try the second. If it doesn't have the second, it will try the third, and so forth.

body{font-family:Trebuchet MS, Georgia, Sans-Serif;}

CSS - Navigation Font Size

Increase the font size for your navigation.
If you want smaller or larger font, change the pixel size from 14 to a lower or higher number.

.nav{font-size:14px;}

CSS - Website Border

Modify your website border.

Change the style of the border.  (i.e. solid, dashed, dotted, double, groove, ridge, inset, outset)
.main{border-style:dashed;}

Change the size of the border.
.main{border-width:3px;}

Change the color of the border.  The color has to be a 6 character hex code.  HTML Color Codes
.main{border-color:#66ff00;}

Combine all 3 (style, size, color).
.main{border:solid 3px #66ff00;}

Add a border to one side.
.main{border-top:solid 3px #66ff00;}
.main{border-bottom:solid 3px #66ff00;}
.main{border-left:solid 3px #66ff00;}
.main{border-right:solid 3px #66ff00;}

Remove your website's border.
.main{border:0;}

CSS - Website Top Margin

Add some margin to the top of your website.
The css below adds some spacing to the top of your website.

.main{margin-top:15px;}

CSS - Header Contact Information Font

Change the font for your name, phone, and email address in the header of your website.
The font family should be separated by commas.  You should have more than one defined.  If the users computer does not have the first font, it will try the second.  If it doesn't have the second, it will try the third, and so forth.

.contact{font-family:Trebuchet MS, Georgia, Sans-Serif;}

Change the font size.
Name  .name{font-size:22px;}
Phone  .phone{font-size:18px;}
Email  .email{font-size:18px;}