HotDoodle Logo
This Page is an Example a Per-Page Layout

This page appears differently than the rest of the pages because a Per-Page Layout with No_Sidebars was selected for this page only. 

Selecting "No_Sidebars" on a Per-Page layout can make navigation through the website difficult, if the navigation menu is on the sidebar that is removed. Provide visitors with links within the web page to allow navigation off that page when a navigation menu is not displayed. Click here to return to the HotDoodle Layout Support Page with navigation displayed.

Per-Page Layout Selection

Often a different theme is needed just for one page.


  • Pop up windows do not need headers, footers, or sidebars
  • A home page might not need a sidebar.

Customize Website Layout

The layout of the website sets the areas of the website in which content can be inserted. These areas include headers, footers, sidebars, and main content areas of the website. The widths and images of these sections are controlled by the theme, but the layout is what determines if the section will be included and what blocks will appear in that section.

Layouts can be modified in the following ways: 

  1. Create Columns -- The Container Block can be used to create columns within sections that already exist. See: Create Columns
  2. Select a Different Layout -- Layouts can be changed in a website much like switching the faceplate on a cell phone, it does not affect the content (but some content might not be displayed if it is in an area such as a sidebar that is not in the new layout), and it can be reversed at any time. See: Select a Different Layout
  3. Set a Per-Page Layout -- The layout can be changed for just one page of the website. See: Set a Per-Page Layout
  4. Adjust the Layout -- The areas in the website in which content can be inserted within headers, footers, and sidebars can be adjusted via overrides from the Appearance / Layout Content screen. No technical skills are required for this operation. See: Adjust the Layout
  5. Create a Custom Layout -- More advanced changes may be made by creating a custom layout. Doing this, however, requires knowledge of HTML. See: Create a Custom Layout

Set a Per-Page Layout

Steps: How to Set a Per-Page Layout

1. Click on the page that will have the Per-Page Layout in the website navigation menu to make it active.

2. On the HotDoodle Toolbar, click on the "Pages/Menus" tab.

3. Click on the "Edit Page Properties" button.

4. Click on the "Advanced Fields" button.

5. Select a layout to apply under the "Layout" drop-down menu.

    Options Include:

  • Default
  • No_Sidebars
  • No_Sidebars_or_Headers
  • Pop_up
  • Pop_up_650x450
  • Pop_up_Big
  • Pop_up_Full
  • Pop_up_Image
  • SSL_Violation

6. Click on the "Save" button.

© 2006 - 2015 Metabyte, Inc., All Rights Reserved, Patents Pending, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Business Website Designers for Business Sites You Edit Site Map