Business Hours

Business Hours section is the most powerful and under-rated element of website design.

Use Our Business Hours section and Design Faster,Collaborate Better

These Business Hours styles are all super creative,clean and unique, showing some truly interesting ways to display your own site!

We hope these Best Business Hours Styles design will spark your imagination and make your work easier.

Why Choose Our Business Hours Styles Bundle?

Creative, Clean, Modern Design
Awesome Hover Effect
Use in Multipurpose Websites
Quick and easy setup
Fully Responsive on all Devices
Support Divi 4+ Version
Well Documented
Free Installation Service
Free Lifetime Support Service
One Time Fee

How to Import Divi Business Hours Section Styles?

 

Step 1

After buy you can found zip file so please unzip that file and you can see all styles json file range of 10 styles and individual styles.

Range of 10 styles [See Business Hours Style V1 to V10.json File]

Business Hours Documentation allstyles

Individual styles  [See Individual Business Hour Styles Folder ]

Business Hours Documentation allstyles

 

Step 2

Go to Dashboard –>  Divi  –>  Divi Library –>  Click On “Import & Export” Button

Business Hours Documentation Footer Step3

 

Business Hours Documentation Footer Step4

Step 3

After click on button you will see below and select “Import” Tab

Have added “Business Hours Style V1 to V10.json” File and “Business Hour Style 1.json” File.
You can add here Individual JSON file like “Business Hour Style 1.json”

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]Business Hours Documentation Aboutus Bundle

 

 

Step 4

After  “Import”  you can see “Business Hours Style V1 to V10.json” Data and Individual JSON file like “Business Hour Style 1.json” Data

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]

Business Hours Documentation Pricing bundle2

 

 

Step 5

Go to Pages

For Individual JSON file

This is for Individual JSON file like “Business Hour Style 1.json” Data

 

Backend Builder

Click on add new section “+” icon

Business Hours Documentation Service Bundle7

After click on icon you can see all imported Individual styles

Business Hours Documentation Aboutus Bundle1

Now Select style one by one and you can also see well defined layers so you can quickly identify and customized.

 

Business Hours Documentation business hours2

Frontend Builder

Click on add new section “+” icon.

After click on icon you can see all imported Individual styles

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]

Business Hours Documentation Aboutus Bundle3

Now Select style one by one and you can also see well defined layers so you can quickly identify and customized.

Business Hours Documentation business hours1

For 10 Styles Range (ex. Business Hours Style V1 to V10.json
) Layout JSON file

This is for “Business Hours Style V1 to V10.json” Data

Backend Builder

Click on add new section “+” icon

Business Hours Documentation Service Bundle7

After click you can see below screen and Select “Your Saved Layouts” Tab and select any service  layout.

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]

Business Hours Documentation Aboutus Bundle5

After select any layout you can see.

Now Customize Style and CSS as per your need.

Business Hours Documentation business hours2

Save and close it then check it on front side.

Frontend Builder

Click on add new section “+” icon.

After click you can see below screen and Select “Your Saved Layouts” Tab and select any service  layout.

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]

Business Hours Documentation Aboutus Bundle9

After select any layout you can see.

Business Hours Documentation business hours1

Now Customize Style and CSS as per your need.

That’s it …..

FAQ

 

How to find CSS Code?

Business Hours Documentation business hours2

You can also seen in below image and find out Code Module with name of “CSS Code”.

Each Section,Row & Module Well Documented Layers

[Note : Image is just for reference but it is same process as other module like service,team,testimonial… ]

Business Hours Documentation Aboutus Bundle7