Image slider at non-home pages

Technical details

• Source: Divi theme
• Official name: Fullwidth Slider module
• Official documentation: www.elegantthemes.com/gallery/divi/documentation/slider-fullwidth

Recommended slide size

• 960 x 480

How to insert the full-width slider module

1. Login to Wordpress
2. Dashboard > Pages
3. Add New or open an existing page that you would like to edit.
4. If you haven't enabled the Divi Builder, click "Use The Divi Builder."
5. Click "Standard Section" if it doesn't exist.
6. Add Row of full width if it doesn't exist.
7. Click "Insert Module(s)."
8. Click the "Slider" module.
9. General Settings:
   • Automatic Animation: ON (If you have multiple images to display automatically)
     If you enable Automatic Animation, set "Automatic Animation Speed", too. (1 second = 1000ms)
   • Remove Inner Shadow: ON
10. Add slides
    1. From General Settings tab, click "Add New Slide
    2. Enter the slide's name in "Heading"
    3. Select or upload an image in "Background Image"
    4. Set "Fit" for Background Image Size"
    5. (Options) To add a text over the slide:
       • Button Text: Enter what you would like to display.
       • Use Text Overlay: Select "YES"
    6. Save"
    Repeat 1-4
11. (Options) If you enabled "Use Text Overlay", you need follow the next step to keep the image resolution right.
    Because the height is determined by the amount of text, the image resolution will be ruined when you enable the text overlay.
    • From Custom CSS tab for the Slider Module Settings, add "slider960" to "CSS Class"
12. Save & Exit

Updated 20170428