HotDoodle Logo
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

Select a Different Layout

Steps: How to Select a Different Layout

1. From the HotDoodle Toolbar, click on the "Appearance" tab.

2. Click on the "Select Layout" button.

The Configure Layout screen appears. By default, the page lists all possible layouts. The current layout is listed first with an asterisk.

3. Click on the filter radio buttons at the top to restrict the type of layouts shown based on the combination of preferences.

4. Click on the "Filter the Layouts" button.

5. Click on a layout thumbnail below to preview the website in the selected layout.

At this point, it is just a preview of the selected layout, all visitors will not see the change(s). Changes to the layout will not be applied until the "Save Theme" button is clicked.

6. Click on the "Select Layout" button to select a different layout to preview, 

7. Click on the "Save Theme" button to apply the layout to the website, or click on the "Cancel Preview" button to close without applying the new layout to the website.

© 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
Multilingual I18n website design Site Map