fbpx

Create and Edit Slider in Divi Theme

Date of Post
Saturday, Nov 27
Written by:
Chan Teck Seng

Slider can be use for many purposes, for example- Testimonials.

Adding slider module

Click “Gray + Button” > Type “slider” on search field > Click “Slider” Module

Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 1 |

Click “Green Tick Box”

Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 2 |
Edit the slider
Click “Gear icon”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 3 |

Click “Background” > Click “Transparent icon”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 4 |


Click “Design” > Click “Spacing” > Set “Padding Top” > Set “Padding Bottom”

Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 5 |
Changing Text head in slider
Click “Blue Brush icon” 
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 6 |




Click “H6”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 7 |

Click “Title Text Color” > Change color
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 8 |




Mouse over “Blue Brush icon” and left click
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 9 |

Set the “Title Text Size”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 10 |


Set “Body Text Color” to Black
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 11 |

Click “Gear icon”

Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 12 |





Change “Title” to stars > Delete “Button” > Put your “text” > Click “Green tick button”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 13 |
Duplicating Slides
Click “Duplicate icon”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 14 |


Animate Sliders
Click “Design” > Click “Animation” > Toggle to “ON”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 15 |

Click “Green Tick Button”
Web Design Singapore | Singapore Website Design - Create and Edit Slider in Divi Theme 16 |

Tags:

Related Article

Create and Edit Blurb in Divi Theme

Create and Edit Blurb in Divi Theme

Blurb is commonly use to present features or highlights. Blurb Contain a image, Title Text and Body Text Adding/Insert Module (Blurb) Search for BlurbSelect Blurb Update Blurb ContentRemove Blurb...

read more
Create and Edit Text in Divi Theme

Create and Edit Text in Divi Theme

Insert Text Module Search for TextClick on Text Type Content Change to Heading 2 Click on Green Tick to save Edit Text ModuleClick on “Gear Icon”Hover on the text > Click “Blue Brush icon”Change...

read more

Pin It on Pinterest

Share This