Home content top
 
 

How do I change the width dimension of my web site?

The default width of our sites is 750 pixels. A width of 750 pixels means all the content will fit neatly horizontally within the 800 x 600 display resolution. To see what are the most common computer display resolutions visit http://www.w3schools.com/browsers/browsers_display.asp

The width of the area that content is displayed within can be changed in your web site Theme.
Not sure what a Theme is? For a beginners guide to Themes see the Themes & Layouts guide.

You can change the page width of your theme as follows:
  • First select to edit edit-largeyour theme.
  • Once your theme has been opened in the theme editor select the Page Layout element and then the Contents Region option from within the Styles pane.
  • The Contents region style options will be displayed on the right-hand side of the page. Select the Size option to view your current site width.
  • If the width is empty then the default width of 750 pixels will be applied. To change the width enter a number for the amount of pixels you wish to set the width to, this is a fixed width.

    Alternatively you can set to width to be a percentage of the users display resolution, meaning the width of your site will stretch or shrink depending on the users browser window. Set a percentage width as follows:
    • Select the Page layout->Alignment element.
    • Select the Left padding element and under the style options enter the required percentage width under the Size->Width option followed by the % symbol. For example if you required a site width of 90% and you want the page to be centered in the browser window then you should require 10% of padding between the left and right padding options, therefore you should enter 5% as the Left padding width and 5% as the Right padding width.
    • If the page width isn't 100% then finally select the Page Layout->Contents Region->Homepages element. The width of this element inherits it's width from the Contents Region element so if the page width is 90% then the homepage will be 90% of 90% meaning your group homepages will be narrower than the frontpage of your site. You need therefore to set the Homepages element width to 100% to make it the same width as your homepage.
  • Once you have entered the width settings you require, click Save to commit your changes.