swap-sections.svg

How to swap sections

Sections can easily be swapped to change the look, enlarge or reduce the image size or have the text flow in single or multiple columns.

Scroll down or click for Video Tutorial ondemand_video

Follow these steps:

Click image to zoom!
Click image to zoom!

Step 1

From the section list to the right of your screen (left if you have a small monitor).

touch_app Drag and drop the single image section onto your page.

Click image to zoom!
Click image to zoom!

Step 2

You should now see the place holder content on your page.

From your computer drag and drop a suitable image into the --- dashed area marked 'Drop Image Here'

Click image to zoom!
Click image to zoom!

Step 3

Your image will be uploaded.

Click image to zoom!
Click image to zoom!

Step 4

Important: To swap a section it must be selected and highlighted in blue, if your section isn't selected the Swap tool will remain greyed out and unavailable.

Move your mouse over the heading text and touch_app single-click to select.

Now touch_appsingle-click the  Swap Tool located in the section toolbar.

Click image to zoom!
Click image to zoom!

Step 5

You will now see the section popup, this is where you will choose your new section style.

Scrolling down the list to reveal your current section style highlighted with a blue border.

Click image to zoom!
Click image to zoom!

Step 6

Now choose your preferred section style and touch_app single-click to select it. The section style is automatically changed and you should see this in the background.

touch_app single-click the X button in the top right corner to close the swap window.

Click image to zoom!
Click image to zoom!

Step 7

Your section has now successfully been swapped. You can repeat this as often as you need to get the text and photos balanced.

Publish the site if needed.

Video tutorial