WebSite Tonight® is a robust site builder application and utilized in our Build & Deliver Websites as well as DIY Web Services offered at ThisIsMyDomainUSA. We've created a few tutorial pages to help you through the basics. Give us a call if you have questions - 800•596•6218
Changing the Layout of Your Site and Moving Content Blocks
1. Open the Layout Editor: From the page tab in the Website Editor - click on the Layout selection.
2. Select the Layout: Pick the layout that best meets your needs. You will be able to re-size the layout boxes later. There are 14 layout options you can choose from. After making your selection, click okay and your layout will be applied.
3. Resizing Layout Boxes: Once you have picked your layout you can hover on the thin blue lines that outline the layout boxes to re-size the box. Be aware that a box cannot overlap onto another box.
Moving Content Blocks1. When you make changes to a layout after content is already setup in the site, you might need to move content blocks around for proper placement. Hover over a content block - a black 'Move' box will appear and a yellow dotted line forms around the highlighted block. The red delete box on the top right corner will delete the entire block and cannot be un-done.
2. If you were to click on the block again you could edit the contents but instead you want to click on the 'Move' button and drag the block to where you would like it. In the example below I moved the gray table of text on the narrow right layout box over the the wider layout box on the left. Other blocks within a layout space will move and adjust as well.
Before:
After:
3. You can also move blocks outside of layout boxes. This can be tricky but very positive when customizing your website.
• Hover on the block
• Click on the Move button and drag the block to where you would like it.
• It might take one or two tries but you should be able to do it.
• You might have to re-size the content block using the bottom right sizing feature.
In this example you can see that our red business logo image is sitting on top of the background images.
Check out our other tutorials for managing your website using Website Tonight!
Visual Ignite Offers 'Build & Deliver' Website Design and Training to Small Business Owners.
Changing the Layout of Your Site and Moving Content Blocks
1. Open the Layout Editor: From the page tab in the Website Editor - click on the Layout selection.
2. Select the Layout: Pick the layout that best meets your needs. You will be able to re-size the layout boxes later. There are 14 layout options you can choose from. After making your selection, click okay and your layout will be applied.
3. Resizing Layout Boxes: Once you have picked your layout you can hover on the thin blue lines that outline the layout boxes to re-size the box. Be aware that a box cannot overlap onto another box.
Moving Content Blocks1. When you make changes to a layout after content is already setup in the site, you might need to move content blocks around for proper placement. Hover over a content block - a black 'Move' box will appear and a yellow dotted line forms around the highlighted block. The red delete box on the top right corner will delete the entire block and cannot be un-done.
2. If you were to click on the block again you could edit the contents but instead you want to click on the 'Move' button and drag the block to where you would like it. In the example below I moved the gray table of text on the narrow right layout box over the the wider layout box on the left. Other blocks within a layout space will move and adjust as well.
Before:
After:
3. You can also move blocks outside of layout boxes. This can be tricky but very positive when customizing your website.
• Hover on the block
• Click on the Move button and drag the block to where you would like it.
• It might take one or two tries but you should be able to do it.
• You might have to re-size the content block using the bottom right sizing feature.
In this example you can see that our red business logo image is sitting on top of the background images.
Check out our other tutorials for managing your website using Website Tonight!
Visual Ignite Offers 'Build & Deliver' Website Design and Training to Small Business Owners.
No comments:
Post a Comment