Ekewaka is a “Green Business” Divi Layout Kit designed specifically for Accounting Firms and Bookkeeping Service Providers. As with most layout packs and child themes, it can be repurposed for just about anything.
This layout kit includes 4 custom pages to help you get a head start on your next project.
- Home
- About
- Services
- Contact
Check out the live demo page here.
Downloading and Using the Green Business Divi Layout Kit
To use the new, Green Business Divi Layout Kit on your own Divi website you will first need to download it using the button below. Next, locate the file Green Business Divi Layout Kit by Geno Quiroz.zip in your downloads folder and unzip it.
Upload the Divi Theme Options Settings
Once you have downloaded and unzipped the package, go to Divi > Theme Options and select the import export button in the upper right hand corner. When the portability modal pops up go to the import tab. Click the “choose file” button and select the Divi Theme Options.json file. Then click the blue “Import Divi Theme Options” button and wait for the import to complete.
Upload the Divi Theme Customizer Settings
Go to Divi > Theme Customizer and select the import export button in the upper left hand corner.When the portability modal pops up go to the import tab. Click the “choose file” button and select the Divi Customizer Settings.json file. Then click the blue “Import Divi Customizer Settings” button and wait for the import to complete.
Upload the Divi Builder Layouts
Navigate in your WordPress admin to Divi > Divi Library and click the “Import & Export” button at the top of the page. When the portability modal pops up go to the import tab. Click the “choose file” button and select the Divi Builder Layouts.json file or any of the individual files you want. Then click the blue “Import Divi Builder Layout” button and wait for the import to complete. Once the import has finished you will now have the ability to load your new Divi Landing Pages on any builder powered page by going to Load From Library > Add From Library.
Custom CSS in the Customizer CSS Field
We had to add a little custom CSS to hide the default footer, modify a few colors, and add a few hover effects/colors to the blurbs. To review, modify, and/or remove that CSS just go to Divi > Theme Customizer and select the Additional CSS tab.
Image License
All photos courtesy of the generous authors on Pexels.com & Unsplash.com via the Pexels License (Creative Commons Zero) and the Unsplash License (Creative Commons Zero). Layout Packs are released under the GPL, which means you can use them for free for both personal and commercial projects!
Screenshots
Home Page
About Page
Service Page
Contact Page
Have fun!
Well that’s all for now. I hope you find this layout kit useful.
Hey Geno, This looks great, im gonna be trying this out – Thanks mate and have a good one 🙂
Awesome. Let me know how it goes
Very nice but you need to check the demo in firefox, doesnt show up the image and text boxes padding
You just need to change the margin and padding from % to px. Turns out FF renders % differently than all the other browsers 🙁
mate this looks great, looking forward to using this theme for a client. and also will be purchasing your courses as this is my go to theme for wordpress. love your work !!!!
Thanks Stellianos. I appreciate it 😀
Geno this is a fantastic theme but the only glitch seems to be the custom css is missing and a few of the colour blocks on the home page.
Thanks. The CSS is in the Customizer settings. Make sure to import the customizer settings if you want the additional CSS.
Did that Geno but the only code in the css settings is
/*You can add your own CSS here.
Click the help icon above to learn more.
*/
I’m not complaining though!
The little hiccups are nothing considering how good the theme is…thanks again for making it available.
No problem. I am not sure why its not working for you. I just tried it on a fresh install and it brought in all the css first try. I uploaded the Theme option settings first and then the customizer settings. https://www.screencast.com/t/m8FAn68G7F1
It seems to be working for everyone else. Try downloading it again. Maybe something happened to the file somewhere along the process.
Mine is missing also. I updated evrything from wordpress 5 to newest Divi and even though it will go through the motions when I go back to CSS there is nothing in there. Can you just post the CSS I can copy and past? Or email me please and thank you.
Thank you for your beautiful theme, and the clear instructions ! I’ve win a lot of time 🙂
Hi, how can I edit hover effect (icon color on hover) in “Accounting Services” section? it is not anywhere. Please help. Screen: https://image.ibb.co/df9dQG/ss_problem.png
Most of the color is set in the customizer settings. The hover colors are in the css which you will find in the Customizer CSS box.
Live demo seems to be unreachable
Must have been down at the time. It seems to be working for me now.
Awesome layout, thank you! But I can’t load any page, it’s loading forever and nothing happens. Is it normal to take so long to load the new landing page? How can I solve this in the best way? Thank you again.
Thanks Julia. Have you tried loading one page at a time? It is usually due to the server not being able to handle the upload.
Thank you Geno very helpful. 😀
My pleasure!
the live demo is broken
Yes, I switched hosting at the beginning of the year and still need to get a couple of demos setup on the new server. Hopefully soon 🙂