Sliders

Library item: "Dawn Slider"

The “Dawn Slider” is a module that you can insert in full width, two-thirds half width and third with columns.

Insert this item in your row colums by adding it as a module  from the module library.

You can make settings for each individual slide in the slider module to improve readibility of text and the overall look.

[divi_help]

Example slide 1

Move through the slides to see examples of light and dark Background Image overlays…

Example Slide 2

This slide has a dark grey transparant overlay colour with text color set to light

Example slide 3

This slide has a white transparant background overlay colour with text color set to dark.

Example slide 1

Move through the slides to see examples of light and dark Background Image overlays…

Example Slide 2

This slide has a dark grey transparant background colour with text color set to light

Example slide 3

This slide has a white transparant background overlay colour with text color set to dark.

Example slide 1

Move through the slides to see examples of light and dark Background Image overlays…

Example Slide 2

This slide has a dark grey transparant overlay colour with text color set to light

Example slide 3

This slide has a white transparant background overlay colour with text color set to dark.

Example slide 1

Move through the slides to see examples of light and dark Background Image overlays…

Example Slide 2

This slide has a dark grey transparant overlay colour with text color set to light

Example slide 3

This slide has a white transparant background overlay colour with text color set to dark.

Design Ideas Using the Dawn Slider with an image or video background"

The building element below consists of slides that are displayed over a moving video background. The video is placed in the row behind the actual slider.  You could make the video background even wider by setting the row to “Make this Row Full Width” on the row General Tab. To create a full-width effect you could also place the video on the section.

To set a video go to the Section or Row; on the General Tab,  under “Background Video MP4”

Add & adjust slides in the slider module, making sure there is no background colour or image for your individual slides or slider module, so that the text on the slides is displayed in front of the video.

It is also possible to set videos behind individual slides, just like you can set an image for each slide.

To use this effect with an image, i.e. slide text in front of an image, set an image for your row or section instead of a video.

A slider with a video

A moving image can give a special background for your message.

This is the Second Slide

A very special effect