Adding Design Structures

You can add any number of Design Structures to your website.

Each Page can be assigned  a different design structure or the same structure.

Design Structure includes background strips, body, layout, font type , borders and spacing etc. 

You can also create pages to have the same design structure in which case the same properties for that specific design structure will be INHERITED by subsequent pages that you set to follow.

Some benefits of having different design structures include creating LANDING PAGES within your website that have a completely different design to the other sites inner pages. You can also design your website with different design structures for each page.

Design structures can be assigned from your Page Settings. 


Step 1: Get into Page Settings by selecting the GEARS icon on the dashboard.

Step 2: Select Page Settings from the drop down menu

Here is how to add a design structure:

Step 1: Get into Page Settings by selecting the GEARS icon on the dashboard. 

Step 2: Select Page Settings from the drop down menu

Step 3: Select the page you want to change design structure or add a new design structure to. The page you're editing will be in BLUE.

Step 4: Add a new design structure or assign an existing design structure to the page

You can set the properties within a backround structure for the BACKGROUND, The BODY and The LAYOUT of your webpage using a any of the TOOLS in your dashboard. So for example you can set SPACING and FONTS in the body of the webpage. All webpages that are assigned the same Design Structure will inherit the same properties of that design structure. 

Below is an example of applying 2 different design structures to 2 different pages on the same website. Design Structure 1 and Design Structure 2. Now creating another page in your site and assigning either design structure (1 or 2) will have that page INHERIT the same properties (ie any spacing you set, or fonts etc).

Design Structure 1

One Column Page

Design Structure 2

Two Column Page

Below is another example of applying 2 different design structures-a one column and two column page for each design. Assigning any one of these to your next page will see all the same properties inherited by that page. This can minimize workload when designing pages because you can design one page with all it's properties (fonts size,type,spacing , borders etc) and have it applied throughout your site on all other inner pages.

Design Structure 1

One Column Page

Layout size 1320

Different Menu Subjects

Design Structure 2

Two Column Page

Layout Size 1520 (Larger)

Different Menu Subjects