Fundamental User Guide

Follow the steps and images below to find out how you can add your own text.

1. To add text to your website you’ll need to start off by creating a container on your selected page. Click on the +Container button.
2. Select how many columns you want. (in the example we have selected 2 containers).
3. Click on the +Element button.
4. Search ‘text’ to find the Text Block element.
5. Select the Text Block element.
6. Now you can insert your text in the main section.
7. The bar at top of the main section will allow you to; create headers, use bold & italic fonts, align your text and include hyperlinks.
8. After you’ve added your text you can now save your progress by clicking the Save button.
9. To make the changes permanent you’ll have to either Save Draft or Publish. You can also preview the changes before you publish by clicking on the Preview button.
10. Please see an example of the preview page in the slideshow below.
11. If you would like to edit, copy, or delete your text block, simply hover over the Text Blockelement and click on one of the following icons. Pen icon to edit, + icon to copy and the trash icon to delete.
12. You can also edit, copy, or delete the entire container by using the icons in the top left.

1. Let’s start by creating a new slider. Click on the New Slider button located at the end. If you only want to edit a slide, then select the slider from this menu and skip to step 8.
2. Give your slider a title under the Slider Title & ShortCode tab.
3. To edit the styling of the slider you can select the Layout & Visual tab. This allows edits to the appearance, spinner (loader), mobile view and position.
4. You can change the arrows and bullet styling on the slider by editing the Navigation tab. This section also allows you to edit slider tabs, thumbnails and other navigation options.
5. If you would like to apply scroll effects to your slider then click on the Scroll Effects tab and switch on the desired effect.
6. To adjust your slider for other devices, you can manually edit the dimensions for each device in the Slide Layout section. This uses pixels only so make sure you’re familiar with this size format.
7. After you are happy with the settings, click the Save Settings button in the top right.
8. Here you are now in the Slide Editor. This will allow you to create and edit each slide on the slider. First we will need to add a Main Background, which can either be; an image from your Media Library, a video from a YouTube/Vimeo link or it can be a Solid Colour from the colour palette.
9. After you have chosen your background, it’s time to add layers of text, imagery, video or buttons. This can be done in the section below.
10. Simply click on the Add Layer button and choose what type of content you would like to add.
11. In our example we have selected the Text/HTML option from the Add Layer button. This will be a large headline for our slide.
12. To edit the font size, colour, typeface and thickness, all you need to do is click on the text box and under the Style tab, select the options you wish to change. You can simply drag the text around the slide to your desired position or double click to edit the text.
13. Again we have added another Text/HTML element in order to create a description piece in the slide.
14. To add a button click on Add Layer and click on the Button option. Once selected you can change the background, typeface and font colours under the Idle State tab.
15. You can also edit the hover colours simply click on the Hover State tab and apply changes here.
16. To change button the text click on the Text tab and edit the field below. To save changes click on an option under the Buttons tab.
17. To add a button link, select the button on the slide and click on the Actions tab in the top menu. Now select the + > Click > Simple Link and then type in your link.
18. To Add a new slide onto the slider, just select the Add Slide button to the right. Or you can simply Duplicate an existing slide and edit the content to include new links and messages.
19. After you are happy with your slide, click on the Save Slide to make the changes permanent.
20. To apply a slider to your web page, navigate to the page and scroll down to the Fusion Page Options section. Now click the Sliders tab and select Slider Revolution and select your slider.
21. Here is an example of the slide that we have just created.