TUTORIALS | DROP DOWN MENUS |WEBSITE NAVIGATION | WEBSITE SIZE |BLOGS - HEADERS | BLOGS - BACKGROUNDS| BLOGS - CSS OVERRIDES
Website Size
This tutorial will cover the basic steps behind manually controlling the width of your website. It is provided as is and for any further support please refer to a website designer.
Point2 websites offer more control then one may expect. With a small addition to the HTML of your website take control of your websites width.
Note: Before you place this code into your template area you should try the below on a "TEST" page within your website.
To do this:
- Log in to your Online Office and go to Edit Website.
- Click Edit Template Content. Go to User Manual
- In the Header Template Section click the Add Content link.
- On the Add Content page, scroll to the Advanced Content module and click Add to Page.
- The Edit Header page will open; edit the title, options, and description.
- Scroll down and click Next.
- Enter the HTML content that is shown below
- The code provided below will adjust the width of your website to 900 pixels. If you would like to use a different width simply replace all references of 900 to your desired width.
- Save your changes
|
<STYLE type=text/css>
<!--
.DesktopDefaultPage { margin: 0 auto; max-width: 900px; }
-->
</STYLE>
|
In order to make your content appear as if within a frame (as seen on this site) a second customization can be made:
- The form and .desktopportalfooterpanel sections ensure the content area on your website is your desired background color (white).
- The background color within the .desktopdefault page controls the color that frames your primary content area.
|
<STYLE type=text/css>
<!--
form {
margin-top: 5px;
background-color : #ffffff;
}
.DesktopDefaultPage { background-color : #eceae1; margin: 0 auto; max-width: 900px; }
.DesktopPortalFooterPanel {
background-color : #FFFFFF;
} -->
</STYLE>
|
|