1 Activate/ Deactivate Slideshow

Make sure to check the box in order to activate/deactivate the slideshow on template/website.

2 Add a Slide

Use this option to add a slide.

3 Delete a Slide

This option lets you delete  a slide.

4 Previous Slide

Lets you move the previous slide.
5. Next Slide

Use this option to move to the next slide of the slideshow.

6. Slideshow Position

  1. Slideshow Position

This option lets you change the position of the slideshow. The position of the slideshow can be changed with respect to the header and the menu. There are three options to choose the position of the slideshow:

 

  • Above – Use this option to move the slideshow above the header.
  • Middle – This option lets you place the shadow between the header and the menu.
  • Below – Use this option to move the slideshow below.
  • Besides, these options, there is one more option, that is-
  • Menu Inside Slideshow – The menu will help to move inside the slideshow on choosing this option.

7. Transition Effect

Use the configure settings to use the transition effects and settings for the slides.

Apply On All Slides-
This option lets you choose an effect and also configure the settings for an individual slide, and also all of the slides at once. By default this option is ticked i.e. allowed. If you untick this option then you can apply individual effects on each slide.

Transition Duration- You can use this option to set transition duration for the slides. Thus you can mention how many seconds or milliseconds the transition effect will take to complete.

Transition Begin Time- This option lets you specify the transition begin time for the slides. Thus you can specify how many seconds or milliseconds you will have to wait before the transition effect of the next slide starts.

8. Button

Use this option to display the slideshow buttons on the slides. You can also customize how the button appears. Simply click on the ‘Button’ and then  the ‘Format’ tab will open up. Use the options to change the alignment, height, background, width, border, and more.

9. Pagination

This option lets you add or delete the slideshow pagination. By default the slideshow pagination option is checked. To deactivate the option simply click on it. In addition, you can also customize how the pagination appears. Simple click on the ‘Pagination Bullets’ and then the ‘Format’ tab will show up.  Now you will see various pagination options to change the alignment, angle, and style.

10. Background

You can customize the background and change the colour preferences, gradient, or image to apply to the background of the template/theme or website design –

Colour picker-
With the TemplateToaster option like Colour Picker you can choose the colour you want for the background. For more information, here is the full description of the colour picker.

Custom Gradient-
The option lets you customize the gradient and change the preferred angle, colour, and offset options. You can also save the gradient for later use. See this for more information about creating and saving the custom gradients.

Browse Images-
TemplateToaster offers numerous image stock for the background in the slideshow. The stunning un-built stock images are for free. But you can also browse the images and use it in the background.

Moreover, you can also edit the browsed images just the way you want. The TemplateToaster image editor has a series of options and features to easily edit and customize the browsed images. For detailed information, see this.

11. Height

Use this option to change the height of the slideshow. You can also use the option to make the height of the slideshow to fit the screen.

Fit To Screen –
If you select the ‘Fit to Screen’ option then the slideshow will automatically adjust to the height as per the browser’s viewport.

More –
You can use this option to specify the and customize the height simply by clicking on the ‘More’ option.

12. Width

This option lets you specify the width of the slideshow. You can choose based upon the three options as mentioned below:

Full Width – Use this option to set the width of the slideshow same as the width of the browser.

Equal To Page Width – This option makes the width of the slideshow the same as the width of the page. By default this option is activated. You can select to deactivate.

Custom Width – You can use this option to specify and customize the width of the slideshow as needed.

Note: If you select ‘Fixed Width Layout’ option for your template/theme or website design, then you can also set the custom width in pixels. And in case you select ‘Fluid Width Layout’ then you can set the custom width in percentage form.

13. Border

Use this option to customize the border of the slideshow. You can choose from options like Style, Thickness, Radius, and Colour option to choose the border.

More-
This option provides you with more options to customize the border. See this to know the usage of every option given for designing the border.

14. Margin

Specifies the margin of the slideshow for all the sides (i.e. top, bottom, left and right).

More –

Use the ‘More’ option to specify the custom margins.

15. Texture

This option lets you add texture to the slide background.

More –
You can customize the transparency of texture with “More”, Click here for more details.

16. Shadow

Use this option to apply a shadow effect to the slide background.

More –
The “More” is to customize the colour, angle, blur, and distance of the shadow effect. Click Here for more details.

17. Effects

This option is to add an effect to the slide background.

More-
You can customize the transparency of the effects using “More”. Click Here for more details.

18. Image

Find different options to set an image on the slide background.

More –

Using the ‘More’ option you can add effects on the foreground image. You can also link the image to a custom URL. The link can be configured to open in a new window. In addition, you can also change the transparency of the image and rotate the image around X or Y axis.

Foreground Image Formatting –
This option lets you format the Foreground Image. Simply click on the image and ‘Format’ tab will open up. You can use the tab to change the alignment, height, width, and angle of the foreground image. Also you can find the options to apply effects like transition, slide, and easing effects on the foreground image.

19. Text Areas

Use this option to draw text areas on the slides. This option also lets you add the custom text, image, and videos in the text areas. You can double click on the text area to modify its dimensions, add text, add image to the background, customize colour, and more. You can also do text formatting.

Text Area Formatting –
The option lets you format the text area that you draw in the slideshow. Simply click on the text area and a format tab will open up. Use this ‘Format Tab’ to change the alignment, angle, height, and background of the text area. Moreover, you can also apply transition effects, slide effects, and easing to the text area.

20. Logo

Easily add your brand or business logo on the slideshow. Also you can select the logo from TemplateToaster logo stock options. And you can also browse and add you custom logo.

More –
Click” More” to browse your own logo. You can also link your logo to a URL.

Logo Formatting –

You can format the logo that you add to the slideshow. Simply click on the logo and format tab will open up. This ‘Format Tab’ gives you the options to modify the alignment, height, width, and angle of the logo.

  • Was this article Helpful ?
  • Yes   No