Ordasoft website development company

How to manage images and create captions in OS Touch Slider - best joomla slider?

There we show how manage images in Joomla Slider and how set caption for image. There you see how simply add image to slider, how remove images, how add additional image to current slide and how add animation effects to image in our Best Joomla slider

Basic settings on the site when installing the Touch Slider

In best Joomla Slider it's possible to configure slideshow right on the Frontend of your website and see changes immediately. Let's have a look how to add images to Slider, manage them and add captions to images.

  • After installation of responsive Joomla Slideshow OrdaSoft Touch Joomla Slider, go to Extensions -> Modules -> OS Touch Slider
  • Choose module position and assign module to necessary menu items
  • Publish module OS Touch Slider
  • Go to the frontend area of your website and log in there

    • On the Frontend of the website you will see blank joomla slideshow (don't forget to log in on the Frontend). To Open the configuration panel and start adding captions you must:

    General view of the Image Touch slider

    1. Hover the future Image Slider and click on the sign Edit sign of Image Slider - joomla responsive slideshow
      2. for create slideshow click on the sign of joomla slider
    2. To upload images in the Touch Slider you may drag and drop them into special section or click on the upload button and choose one or several images from your PC
      3. upload images to image joomla slider

      You can reorder images in Touch Slider simply by dragging them. By hovering image it's possible to edit it or delete.

    3. After you uploaded an image or several pictures in the Touch Slider you can edit them. On the editing tab of Image Slider, you can set the slide time and adjust various aspects Blur, Shades of gray, Hue , Brightness and many others.
      4. Edit Image in Joomla Slider
    4. You can add any text on the Image Touch Slider, depending on the purpose of the slide.
      5. add text button in image Joomla Slider
    5. Hover the image and click on the Edit button and then on Add text button. In the opened panel you can add caption to the chosen slide, as well as customize caption and it's block. Also here you can customize the animation that will occur with the appearance of text. How to do it you can see here How to animate text in Touch Slider.
      6. add text to image in photo Joomla Slider

      Basic settings best joomla slider with using text

    6. The text you write in the Touch Image Slider extension can be seen in the picture, edited and changed location.
      7. real-time frontend editor slideshows in photo joomla slider
    7. In the Image slider, in bookmark Edit, you can to set the font size of the text.
      8. real time frontend editor of text in image joomla slider
    8. Also on the bookmark Edit you can change the writing style of the text.

      9. OS Responsive Joomla Slider supports Font Family : selection from 20 the most popular and beautiful Google Fonts - Open Sans, Roboto, Slabo, Lato, Roboto, Condensed, Oswald, Source Sans Pro, Montserrat, Raleway, Roboto Slab, Lora, PT Sans, Josefin Sans, Dancing Script, Satisfy, Cookie, Playball, Great Vibes, Rochester, Lobster

      real-time frontend editor of text style with google fonts in image slider joomla
    9. Also in Responsive Slideshow on the bookmark Block you can put the text in the frame and resize the frame itself, first select the size of the frame on the Border Width and then you can adjust its width, height and also where the text will be located on the joomla slider.This can be done with the help of Text Padding and Text Block Width.
      10. Put the text in the frame and resize the frame in image slider joomla
    10. Also on this tab you can round the corners of the frame. This can be done with the help of Border Radius.
      11. Possibility make round the corners of the frame on Photo Slider Joomla
    11. Also on this tab you can change the border color. This can be done with the help of Border Color.
      12. Possibility change the border color in Responsive Slider
    12. Also on this tab you can change the color inside the frame. This can be done with the help of Background Color.
      13. Possibility change the color inside the frame in Joomla Slideshow module

    13. On the Animation tab, you can select various special effects that you can apply with text, specifying the exact time the beginning and end of the special effect. While Best Responsive Slider are changing, you can apply various animation options with text. You can also apply this if you instead text insert a picture.

    Joomla Slider allows adding any HTML caption, from simple text to video and audio. It's possible to customize the style of text using styling options. Check out the examples of captions created in Joomla Slideshow module: Caption Variation 1, Caption Variation 2, Caption Variation 3, Caption Variation 4, Your Custom Variation

    In our best Joomla Slider it is also possible to insert any HTML code into slide, for example images, links and videos/audios. See tutorial How to embed video from YouTube in OS Touch Slider - Video Joomla Slider

    Read also useful articles about Joomla Slider:

    - How to install responsive Joomla Slideshow - Ordasoft Touch Slider Joomla

    - How to Embed YouTube video into OS Touch Joomla Slider and make Video Joomla slider

    - Options of responsive Touch Slider Joomla Slideshow module

    - How to animate text in best Joomla slider

    - How to create fashion slide in OS Touch Joomla Slider - Joomla Slider Extension

    Demo Details Buy



    Ordasoft › Joomla Slider › Joomla Slider Documentations › How to manage images and create captions in OS Touch best Joomla slider