Upcoming Event Section Using Divi Module

Upcoming Event Section Using Divi Module

– You can Create Events Section Using Divi Module.

– 3 Free Style of Events.

Steps for setup Event Style

1. Download Events.zip File.

2. Unzip files

3. Import all styles json file on on Divi -> Divi Library -> Import & Export Button

Upcoming Event Section Using Divi Module  

4. After import layout json files you can see in below

Upcoming Event Section Using Divi Module

5. Add New Page and Click on “Add From Library”

Upcoming Event Section Using Divi Module

6.Select One of layout

Upcoming Event Section Using Divi Module

7. After select layout,Publish Page and see on front end after done below point 8.

8. Add “style1.css,style2.css…etc” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

 

How to Create Service Section Using Blurb Module

How to Create Service Section Using Blurb Module

How to Create Service Section Using Blurb Module
– You can Create Service Section Using Blurb Module.

– 7 Free Style of Blurb Module.

Steps for setup Blurb Style

1. Download Divi Blurb Styles.zip File.

2. Unzip files

3. Import all styles json file on on Divi -> Divi Library -> Import & Export Button

How to Create Service Section Using Blurb Module  

4. After import layout json files you can see in below

How to Create Service Section Using Blurb Module

5. Add New Page and Click on “Add From Library”

How to Create Service Section Using Blurb Module

6.Select One of layout

How to Create Service Section Using Blurb Module

7. After select layout,Publish Page and see on front end after done below point 8,9.

8. Add “style1.css,style2.css…etc” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

 

9. Add js file on Theme Option -> Integration ->

Add code to the < head > of your blog

 

How to Create Service Section Using Blurb Module

Our Favorite Top 5 Divi Child Themes

Our Favorite Top 5 Divi Child Themes

1 . Ally : Multipurpose Divi Child Theme

Our Favorite Top 5 Divi Child Themes

Features

– Fun tilt hover effects & gradient overlays
– Multiple Page Layouts
– Fullscreen background slider with image on top
– Fly-In Animations on scroll down and scroll up
– One click installation of demo content
– And more…

2 . Divi Ecommerce : Top eCommerce Child Theme for Divi

Our Favorite Top 5 Divi Child Themes

Features
– Select from two feature-rich home pages to create a lasting first impression
– Use the custom-designed WooCommerce sidebar to help products stand out
– Harness the power of content marketing to increase visibility in search
– Create an online store in rapid speed without touching a line of code.
– And more…

3 . RoyalCommerce : Divi eCommerce Child Theme

Our Favorite Top 5 Divi Child Themes
Features
Quick View
– Product Carousel/Slider
– Wishlist
– Product Image Zoom
– Ajax Product Filtering
– Sticky Shopping Cart
– Enhanced Header Icons
– Fixed Header on Mobile
– Product Zoom on Hover
– Gorgeous Banner
– And more…

4 .Elevate

Our Favorite Top 5 Divi Child Themes
Features
Includes 20 Templates
– Several Custom Project Layouts For Your Portfolio
– Custom Project Layout For Events
– Custom Project Layout For Services
– Footer Layout
– Fixed Mobile Menu Bar
– Several Custom Hover & Fly-in Animations
– And more…

5. Anthem Theme

Our Favorite Top 5 Divi Child Themes
Features
12+ page layouts
– Unique elements & fully responsive styles everywhere!
– WooCommerce integration
– Instagram Feed integration
– One-Click Migration process makes setup a breeze!
– Font Awesome integration
– And more…

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Steps for setup Link Hover & Box Hover Effect & Pricing Table & Progress Bar

1. Download Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10.zip File.

2. Unzip file.

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

3. Import “Link Hove Effects Style 13.json”,”Box Hover Effect 19.json” , “Box Hover Effect 20.json”, “Pricing Table Style19.json” , “Pricing Table Style20.json”,”Progress Bar Style19.json”and “Progress Bar Style20.json” file on Divi -> Divi Library -> Import & Export Button

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

4. After import both layout you can see in below

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

5. Add New Page and Click on “Add From Library”

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

6.Select One of layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

7. After select layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

8. Add “part10.css” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

9. Publish Page and see on front end.

Box Hover Effect 19
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Box Hover Effect 20
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Pricing Table Effect 19
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Pricing Table Effect 20
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Progress Bar Effect 19
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Progress Bar Effect 20
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Link Hover
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

9. Edit Content on Text Module

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part10

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Steps for setup Link Hover & Box Hover Effect & Pricing Table & Progress Bar

1. Download Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9.zip File.

2. Unzip file.

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

3. Import “Link Hove Effects Style 9.json”, “Link Hove Effects Style 10.json”, “Link Hove Effects Style 11.json”, “Link Hove Effects Style 12.json”,”Box Hover Effect 17.json” , “Box Hover Effect 18.json”, “Pricing Table Style17.json” , “Pricing Table Style18.json”,”Progress Bar Style17.json”and “Progress Bar Style18.json” file on Divi -> Divi Library -> Import & Export Button

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

4. After import both layout you can see in below

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

5. Add New Page and Click on “Add From Library”

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

6.Select One of layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

7. After select layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

8. Add “part9.css” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

9. Publish Page and see on front end.

Box Hover Effect 17
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Box Hover Effect 18
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Pricing Table Effect 17
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Pricing Table Effect 18
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Progress Bar Effect 17
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Progress Bar Effect 18
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Link Hover
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

9. Edit Content on Text Module

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part9

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Steps for setup Link Hover & Box Hover Effect & Pricing Table & Progress Bar

1. Download Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8.zip File.

2. Unzip file.

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

3. Import “Link Hove Effects Style 6.json”, “Link Hove Effects Style 7.json”,”Box Hover Effect 15.json” , “Box Hover Effect 16.json”, “Pricing Table Style15.json” , “Pricing Table Style16.json”,”Progress Bar Style15.json”and “Progress Bar Style16.json” file on Divi -> Divi Library -> Import & Export Button

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

4. After import both layout you can see in below

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

5. Add New Page and Click on “Add From Library”

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

6.Select One of layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

7. After select layout

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

8. Add “part8.css” file on your child theme and Enqueue your style using wordpress function wp_enqueue_style

OR

Copy CSS from file and PASTE on Theme Option -> General -> Custom CSS

9. Publish Page and see on front end.

Box Hover Effect 15
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Box Hover Effect 16
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Pricing Table Effect 15
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Pricing Table Effect 16
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Progress Bar Effect 15
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Progress Bar Effect 16
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

Link Hover
Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8

9. Edit Content on Text Module

Link Hover & Box Hover Effect & Pricing Table & Progress Bar Part8