Tag: Divi Resources

Get a Free Esthetician Layout Pack for Divi
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi.

This time around, the design team has created a beautiful Esthetician Layout Pack thatâ€™ll help you get your next Esthetician website up and running in no time!

This layout pack includes:

– 8 Premade page layouts strategically designed for any Esthetician website (including a footer design)
– Original, royalty-free photos and graphics + customizable source file (see below)
– Plus, a large collection of pre-designed website elements that are customizable and reusable anywhere.

This layout pack is available right inside Divi for all Divi customers for FREE as the latest addition to our growing Divi library of hundreds of premade layout packs, thousands of page designs, and countless web design elements and resources.

Check Out The Divi Esthetician
Layout Pack Below

Get it for free today!

Landing Page Design

View The Live Layout Demo

Home Page Design

View The Live Layout Demo

About Page Design

View The Live Layout Demo

Services Page Design

View The Live Layout Demo

Service Page Design

View The Live Layout Demo

Pricing Page Design

View The Live Layout Demo

Blog Page Design

View The Live Layout Demo

Contact Page Design

View The Live Layout Demo

Key Features

We have just the layout for you if you’re looking for a fresh new look for your Esthetician website. The Esthetician Layout Pack for Divi has gorgeous royalty-free photos, well-placed illustrations, and features pricing on the home page. Take your Esthetician website to the next level with this stunning layout.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.
Access This Layout Right Now
Directly from Your Divi Builder

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.

To access your new layout, simply activate the Visual Builder when editing a page and look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup. Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the Esthetician Layout Pack, click on it. You will see all the individual layouts included in the pack. Select the layout you want to use and then click the “Use This Layout” button.

For more, check out this video to learn how you can get this layout pack up and running today.

Subscribe To Our Youtube Channel

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. You can do this by navigating to Divi > Theme Options > Updates. There you can enter your username and API key and save changes.

You can find your API Key under your members area on the Elegant Themes site. After you enter the Username and API Key, you will gain immediate access to our library of hundreds of free layouts (including this one). If you haven’t done this, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

Use Layout Images for FREE with No Licensing Restrictions

The image assets included with these layouts (icons, illustrations, photos, etc.) have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Pack Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check out next week’s layout pack as well!

The post Get a Free Esthetician Layout Pack for Divi appeared first on Elegant Themes Blog.
10.07.2023
Divi Product Highlight: Kali Multi-Purpose Divi Child Theme

Kali is a multi-purpose Divi child theme that comes with over 18 beautifully designed pages. It is fully customizable with built-in Divi options and can be used for many different types of websites, with many page layouts that are ideal for service-based businesses in particular. The child theme is modern and colorful and utilizes motion and interactivity in an engaging way throughout the site. In this post, weâ€™ll take a look at the Kali multi-purpose Divi child theme to help you decide if itâ€™s the right Divi child theme for you.

Letâ€™s get started!

Installing Kali Multi-Purpose Divi Child Theme

Before installing the Kali multi-purpose Divi child theme, make sure you have Divi installed on your WordPress site. The theme author recommends installing Kali on a fresh WordPress installation since the child theme will overwrite the existing website. Once you are ready to install, navigate to the Themes page under Appearance in your WordPress dashboard and click Add New.

From the Add Themes page, click the Upload Theme button at the top. Select kali-divi-child-theme.zip from your files, then click Install Now.

Once installed, activate the theme.

When the child theme is activated, you will see the Kali Demo Import tab appear in the Dashboard menu. This page allows you to easily import all child theme content and settings with one click. Select Import Demo Content to begin.

Once the import is successful, you will see a completion message.

Now open up your home page, and you will see that the child theme has been fully installed and set up for you to use â€“ all you need to do is replace the content! Now letâ€™s explore the page layouts that come with the Kali multi-purpose Divi child theme.

Kali Multi-Purpose Divi Child Theme Pages

Kali comes with 18+ pages that are fully designed and customizable with your content. The overall design is clean, modern, and colorful. Each page is full of graphic elements that are animated as you load the page or move as you scroll, creating an enjoyable and engaging user experience throughout the site. Each section is designed well and is fully responsive. Letâ€™s take a look at each of the page layouts that you get with the Kali multi-purpose Divi child theme.

Kali Home Page

The home page opens with a large hero section. Loading animations are applied to the text and graphic elements, creating an eye-catching visual right as you open the page. Below is a services section followed by a call-to-action section, another section to highlight services, and a â€œfeatured onâ€ section where you can feature logos. Next is a dynamic section with a large central image, two blurbs on either side, and a couple of smaller images around the title that move on scroll.

Next is the about us section, then a section where you can outline steps of a process. There is a portfolio section, a testimonial section, and a pricing plan section with a toggle that you can use to switch between pricing plans. Following this is another section with text, an image, and a button where you can talk about your services, then a section with eight blurbs you can use to show off features. The blog post section has a large single post highlighted on the left and 4 posts on the right. At the end of the page is the contact section, which has text and some blurbs on the left, and the contact form on the right.

Kali About Us Page

The About Us page has a header section with a button, an about us section with â€œfeatured onâ€ logos, a team section that reveals social media icons on hover, values, and a contact section.

Kali Services Page V1

Services page version 1 starts with a header section that has a free estimate contact form. Following this is a services section with 3 blurbs, values, and a contact form.

Kali Services Page V2

Services page version 2 also opens with a header with a free estimate contact form. This page features 8 service blurbs that fill with color on hover. Next is a values section, followed by the contact section.

Kali Single Service Page

The single service page also opens with a header that has a free estimate form. There is a services section with text and a CTA on the right side, a testimonial section with a section for logos, a CTA, team members, values, and a contact section with a form.

Kali Projects Page

The projects page is where you can highlight your portfolio items and recent projects. The header features an image section where you can show off screenshots. Next is the projects section, a CTA, a section for logos, values, and a contact section.

Kali Single Projects Page

The single project page is where you can share about your project in-depth. The header features space for screenshots. There is a section with some project information, including blurbs on the right that highlight some project features. Next are two sections where the challenge and the solution are highlighted. Below is an about section, values, and a contact section.

Kali Pricing Page

The pricing page features a header with a button, an image, and several graphic elements. Below this is the pricing table, which features toggle buttons at the top to switch between pricing plans, followed by values and a contact section.

Kali Testimonials Page

The testimonials page has a header section, four large testimonial blurbs, values, and a contact section.

Kali Blog Page V1

Blog page version 1 opens with a header section that has a search bar. A featured post is highlighted below this, with the latest articles to the right. Next is a newsletter sign-up form, followed by 3 columns of blog posts sorted by category and a contact section.

Kali Blog Page V2

Blog page version 2 also has a header with a search bar. The blog posts on this page are organized in a grid-style layout. At the bottom of the page is the contact section.

Kali Contact Us Page

The contact us page features a graphic header section, blurbs with contact information, and a contact section.

Kali Thank You Page

After completing the contact form, users will be redirected to the thank you page. It features a header, a section with text and an image, blurbs with contact information, recent articles from the blog, and a contact section.

Kali Multi-Purpose Divi Child Theme Divi Theme Builder Templates

Now letâ€™s take a look at the theme builder templates that are included with Kali.

Kali Blog Post Layout

The blog post layout features a header section with the blog title, meta information, and a large featured image. The post is below, followed by a newsletter sign-up box and a contact section.

Kali Blog Category Layout

The blog category layout has a header with the category title. The blog posts are below, in a grid layout with read more buttons. At the bottom is a contact section.

Kali 404 Page Layout

The 404 page features a centered image, some text, and a button leading users back to the home page.

Kali Multi-Purpose Divi Child Theme Header and Menu Layouts

There are three different header and menu layouts that come with the Kali multi-purpose Divi child theme.

Kali Header and Menu Layout V1

The first header layout features a blue secondary menu at the top with social media icons, contact information, and a CTA button. The primary menu section has a logo on the left, right-aligned menu items, and a hamburger menu that opens the custom slide-in.

Kali Header and Menu Layout V2

Header layout 2 is a simpler design and doesnâ€™t have a secondary menu. It has a logo, a right-aligned menu, a CTA button, and a hamburger menu icon to open the custom slide-in.

Kali Header and Menu Layout V3

Header layout 3 features a simpler design for the secondary menu with some centered text and a CTA button. Like the other layouts, the primary menu features a logo on the left, right-aligned menu items, and a hamburger icon to open the custom slide-in.

Kali Multi-Purpose Divi Child Theme Additional Layouts

Finally, there are some additional layouts included with the Kali child theme, including a custom slide-in and some header layouts.

Kali Custom Slide-In

The custom slide-in is a section that can be opened by the hamburger menu icon in the header. It features information about services and includes a CTA button. You can add your own modules to the slide-in to customize it to your site.

Kali Hero Header Layouts

Kali Hero Header V1

The first hero header layout features text that slides in, a CTA button, a large image that has a bounce effect as it loads, and some smaller graphics around the section.

Kali Hero Header V2

The second hero header layout features some text and a CTA button that slide in. On the right side is a free estimate contact form with some images around it.

Kali Hero Header V3

Hero header version 3 features text that slides in, a CTA button, and an image where you can showcase some mobile screenshots.

Kali Hero Header V4

Hero header version 4 has text and a CTA button that slide in, and a large image that has a bounce effect on load.

Kali Sub Hero Header Layouts

Kali Sub Hero Header V1

The first sub hero header layout features the page title and CTA button on the left and an image on the right.

Kali Sub Hero Header V2

Sub hero header version 2 has the text on the left and a free estimate form on the right.

Kali Sub Hero Header V3

Sub hero header version 3 features text on the left and a placeholder for screenshots on the right.

Kali Sub Hero Header V4

Finally, sub hero header 4 features a centered title text and a CTA button.

Where to Purchase the Kali Multi-Purpose Divi Child Theme

The Kali multi-purpose Divi child theme is available in the Divi Marketplace. It costs $35 for unlimited website usage and 1 year of support and updates. The price also includes a 30-day money-back guarantee.

Final Thoughts

The Kali multi-purpose Divi child theme has a high-quality design, and I love the use of motion and interactivity throughout each page. With service pages, project pages, eye-catching CTA sections, pricing tables, testimonials, a custom slide-in section, and so much more, this child theme is feature-packed and provides a great foundation for your next web design project. If you are looking for a child theme for your next web design project, the Kali multi-purpose Divi child theme is a great option.

We would love to hear from you! Have you tried the Kali multi-purpose Divi child theme? Let us know what you think about it in the comments!

The post Divi Product Highlight: Kali Multi-Purpose Divi Child Theme appeared first on Elegant Themes Blog.

09.07.2023
How to Add Labels Above the Fields in Diviâ€™s Contact Form Module
The Divi Contact Form Module makes it easy for website visitors to get in touch with you and for you to collect information from your visitors.

By default, the Divi Contact Form Module field labels are displayed inside the input fields. However, sometimes, you might want to display the labels above the contact form fields. In this tutorial, we’ll show you how to accomplish that with a little bit of CSS.

What We’ll Accomplish

Our goal today is to go from this:

To this:

Let’s get to work!

How to Add Labels Above the Fields in Divi’s Contact Form Module

For this demonstration, we will use the Contact page design from the Free Whiskey Distillery Layout Pack. If you’re unfamiliar with how to load premade layout packs, check out this blog post: How to Use a Premade Layout Pack on Your Divi Website.

There are two ways we can input custom CSS on your Divi website: via the Theme Customizer, which will affect all contact forms across your website, or per page in the page’s settings which will affect individual contact forms. First, we’ll try the per-page method, and then I’ll show you how to add the CSS globally.

Navigate to Your Page

First, navigate to your contact form page and enable the Visual Builder.

Expand the Divi toolbar at the bottom of the page and click the gear icon to bring up the page’s settings. Then navigate to Advanced > Custom CSS and copy and paste the CSS code.

This is the CSS code you’ll have to copy and paste into the Custom CSS box:
```
/* Displays titles above the fields */
.et_pb_contact_form_label {
    display: block;
}

/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {
    color: transparent;
}

/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
    display: none;
}
```
Here’s what we got so far. You’ll notice that our font styling doesn’t carry over, and there is now a duplicate title above the dropdown field.

So to fix that, we’ll add some font styling CSS to the code and a few more lines of code to remove the duplicate title above the dropdown field.

Here’s the updated final code:
```
/* Displays titles above the fields */
.et_pb_contact_form_label {
    display: block;
    font-family: 'Playfair Display';
    color: #E7E2BC;
    font-size: 15pt;
    font-style: italic;
    margin-bottom: 15px;
}

/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {
    color: transparent;
}

/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
    display: none;
}


/* Remove title above dropdown */
.et_pb_contact_field[data-type=select] .et_pb_contact_form_label {
    display: none;
}
```
And here is the final result!

Doing This Globally

Adding the code globally will affect all contact forms on your website. If you want the changes to apply to a specific contact form only, you’ll need to add a CSS ID to the module in the advanced tab. After doing so, place the “#” + your CSS ID in front of every CSS class you’re targeting in the code.

There are three places you can add the CSS code to take effect globally. To your child theme’s style.css stylesheet:

Or the Custom CSS block in Divi > Theme Options:

Or to the Theme Customizer:

And that’s it!

More Resources

There are so many ways you can style the contact form module to make it all your own. Check out these other tutorials on the contact form to get started!
The post How to Add Labels Above the Fields in Divi’s Contact Form Module appeared first on Elegant Themes Blog.
04.07.2023
Get a Free AI Generator Layout Pack for Divi
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi.

This time around, the design team has created a beautiful AI Generator Layout Pack thatâ€™ll help you get your next AI Generator website up and running in no time!

This layout pack includes:

– 7 Premade page layouts strategically designed for any AI Generator website (including a footer design)
– Original, royalty-free photos and graphics + customizable source file (see below)
– Plus, a large collection of pre-designed website elements that are customizable and reusable anywhere.

This layout pack is available right inside Divi for all Divi customers for FREE as the latest addition to our growing Divi library of hundreds of premade layout packs, thousands of page designs, and countless web design elements and resources.

Check Out The Divi AI Generator
Layout Pack Below

Get it for free today!

Landing Page Design

View The Live Layout Demo

Home Page Design

View The Live Layout Demo

Features Page Design

View The Live Layout Demo

About Page Design

View The Live Layout Demo

Pricing Page Design

View The Live Layout Demo

Blog Page Design

View The Live Layout Demo

Contact Page Design

View The Live Layout Demo

Key Features

Are you launching a new AI Generator software and looking for a stunning web design layout? Then look no further than the AI Generator Layout Pack for Divi. It encompasses a futuristic design, bold colors, and several captivating calls to action to showcase your new AI generator business in style.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.
Access This Layout Right Now
Directly from Your Divi Builder

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.

To access your new layout, simply activate the Visual Builder when editing a page and look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup. Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the AI Generator Layout Pack, click on it. You will see all the individual layouts included in the pack. Select the layout you want to use and then click the “Use This Layout” button.

For more, check out this video to learn how you can get this layout pack up and running today.

Subscribe To Our Youtube Channel

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. You can do this by navigating to Divi > Theme Options > Updates. There you can enter your username and API key and save changes.

You can find your API Key under your members area on the Elegant Themes site. After you enter the Username and API Key, you will gain immediate access to our library of hundreds of free layouts (including this one). If you haven’t done this, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

Use Layout Images for FREE with No Licensing Restrictions

The image assets included with these layouts (icons, illustrations, photos, etc.) have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Pack Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check out next week’s layout pack as well!

The post Get a Free AI Generator Layout Pack for Divi appeared first on Elegant Themes Blog.
03.07.2023
Divi Product Highlight: Clara Divi Child Theme

Clara is a Divi child theme with a modern and feminine design. It comes with over 16 fully customizable pages and several design variations for the header and hero sections. The Clara Divi child theme is perfect for service-based businesses and includes layouts for your portfolio, service pages, testimonials, and more. In this post, weâ€™ll take a close look at the Clara Divi child theme to help you decide if itâ€™s the right Divi child theme for you.

Letâ€™s get started!

Installing Clara Divi Child Theme

Before installing the Clara Divi child theme, make sure you have Divi installed on your WordPress site. The theme author recommends installing Clara on a fresh WordPress installation since the child theme will overwrite the existing website. Once you are ready to install, navigate to the Themes page under Appearance in your WordPress dashboard and click Add New.

From the Add Themes page, click the Upload Theme button at the top. Select clara-divi-child-theme.zip from your files, then click Install Now.

Once installed, activate the theme.

When the child theme is activated, the Clara Demo Import tab will appear in the Dashboard menu. This page allows you to easily import all child theme content and settings with one click. Select Import Demo Content to begin.

Once the installation is successful, you will see a completion message.

Now the child theme has been fully installed and set up for you to use â€“ all you need to do is replace the content! Letâ€™s explore the page layouts that come with the Clara Divi child theme.

Clara Divi Child Theme Pages

The Clara Divi child theme comes with 16 different page layouts, including blog and project pages. Some of the layouts are set up as pages, and some are set up as Divi Theme Builder layouts. The child theme is editable with the Divi Builder, so you can easily change the content or modify the design and colors as you like.

The design of the Clara Divi child theme is simple, elegant, and feminine, with a muted pink and orange color scheme. I like the primary serif font that was selected for the headings, and the script font used as an accent adds a nice touch to the design. Loading animations are used on images throughout the design, adding some subtle but effective movement to the layouts.

Letâ€™s take a closer look at each layout.

Clara Home Page

The home page opens with a hero header section with an image that slides in from the side and a call-to-action button. The page also features a services section, a call-to-action section, a testimonial section, a how we work section where you can highlight steps of a process, recent blog posts, and a newsletter sign-up form. I really like the home page layout, especially the how we work section with the overlaying text and arrows.

Clara About Us Page

The About Us page has a header with two images, followed by a How it all started section that has three number counters. The Our story so far section has an image on the right and a toggle section. Following this is a testimonial section, a CTA section, and a newsletter sign-up form.

Clara Services Page

The services page features a header, some description text, and 6 blocks to show off each of your services. This is followed by the testimonial, CTA, and newsletter sign-up sections.

Clara Single Service Page

This page layout is where you can share information about your service in-depth. Like the other pages, this page begins with a header section with two images that slide in from the side. The main section on this page features a long section of text with an image on the right. Below this are three number counters followed by a CTA section, testimonials, and a newsletter sign-up.

Clara Projects Page

The projects page can serve as a portfolio to show your past work. The layout has a header, followed by the portfolio section with large images to show off your work. An orange overlay appears on hover. Like many of the other pages, this page ends with a testimonial section, a CTA section, and a newsletter sign-up.

Clara Single Project Page

The single project page is where you can highlight a single project or portfolio item you would like to showcase. The layout uses a simple heading section with the title, followed by a project summary section where you can write about the client, the challenge, and the solution. There are four images in this layout, which you can use to show images of your work. Below these are two subheadings for the challenge and the solution with a toggle section that can open to reveal more information about the work. This is followed by the testimonial section, the CTA section, and the newsletter sign-up section.

Clara Testimonials Page

The testimonials page features a header, followed by the testimonials section. Each testimonial is in a box with a quote icon at the top right corner. There are two rows of these testimonial sections, with one full-width testimonial featured in between. The page ends with a CTA and a newsletter sign-up section.

Clara Pricing Page

The pricing page opens with a header section. The pricing section is below and features the pricing and a button on the left, with the pricing tier title and a description on the right. This section also has three number counters, which are followed by the testimonial, CTA, and newsletter sign-up sections.

Clara FAQ Page

The FAQ page layout also begins with a header section with two images. The FAQ section below is split into three sub-sections, which I think is a nice touch to help customers navigate the page easily. FAQ questions are formatted in toggle modules that expand on click. This is followed by the testimonial, CTA, and newsletter sign-up sections.

Clara Blog with Sidebar

The Clara Divi child theme comes with two different blog page layouts. The first layout is the blog with a sidebar layout. This layout begins with a large header, followed by a blog section split with the blog content on the left and a sidebar on the right. The blog content is centered and has a large featured image. The sidebar features an introduction section, a search module, recent posts, and links to blog categories. At the bottom of the page is a newsletter sign-up section.

Clara Blog Grid

The alternative blog layout is the blog grid layout, which does not come with a sidebar. The page begins with a large header, and the blog posts below are organized in a grid. Below is a newsletter sign-up section.

Clara Contact Us Page

The contact page features a header section with two images. The address, email, and opening hours are highlighted below with icons. Following this is the contact section which has some text and a contact form. Below this is a newsletter sign-up form.

Clara Thank You Page

The thank you page is displayed after the contact form is completed. This layout features a header, three blurbs for the address, email, opening hour information, and recent blog posts, followed by a newsletter sign-up form.

Clara Divi Child Theme Divi Theme Builder Templates

Clara Category Layout

The blog category layout opens with a simple header and features blog posts in a grid layout, followed by a newsletter sign-up section.

Clara Single Post Layout

The single post layout features the blog post content on the left with the sidebar on the right. The content is followed by a newsletter sign-up section.

Clara 404 Page Layout

The 404 page features a placeholder for an image, text, and a button to lead users back to the home page.

Clara Header & Menu Layouts

The Clara Divi child theme comes with four header and menu layouts you can choose from.

Clara Header & Menu Layout V1

The first layout features a large, centered logo at the top, a search field on the left, and social media icons on the right. The menu is centered below.

Clara Header & Menu Layout V2

Header and menu layout 2 feature the logo on the left, a right-aligned menu in the center, and social media icons on the right.

Clara Header & Menu Layout V3

The third layout has a centered menu with an inline logo. There is a search bar on the left and social media icons to the right.

Clara Header & Menu Layout V4

The fourth layout uses an orange submenu at the top to display the social media icons and a CTA button. Below this, the logo is centered with the menu below.

Clara Divi Child Theme Additional Layouts

The Clara Divi child theme also includes alternative hero header and sub header layouts. Letâ€™s take a look.

Clara Hero Header Layouts

Clara Hero Header V1

This header layout features a large image that slides in from the side.

Clara Hero Header V2

This header features text and a button on a large image with a dark overlay.

Clara Hero Header V3

This header also features a large image background with a dark overlay. The header text is centered.

Clara Hero Header V4

The fourth hero header features three images side-by-side with large heading text.

Clara Sub Header Layouts

Clara Sub Header V1

The first sub header layout features two images that slide in from opposite sides and overlap. The subheader content is on the right, with a CTA button.

Clara Sub Header V2

Sub header v2 is on a large image background. The text is left-aligned.

Clara Sub Header V3

Finally, the third subheader is also on a large image background and has a dark overlay. The text is centered in the section.

Where to Purchase the Clara Divi Child Theme

The Clara Divi child theme is available in the Divi Marketplace. It costs $35 for unlimited website usage and one year of support and updates. The price also includes a 30-day money-back guarantee.

Final Thoughts

This concludes our look at the Clara Divi child theme. Clara is straightforward to install and can help you jumpstart the web design process. I really like the overall design of the child theme, and I appreciate the variations of some of the design elements that the theme author included. Because itâ€™s a Divi child theme, you can easily use Diviâ€™s design options to customize the design. Or, you can simply replace the content and have a website ready to go with minimal effort. If you are looking for a modern, well-designed Divi child theme to promote your services, the Clara Divi child theme is a great option.

We would love to hear from you! Have you tried the Clara Divi child theme? Let us know what you think about it in the comments!

The post Divi Product Highlight: Clara Divi Child Theme appeared first on Elegant Themes Blog.

02.07.2023
Download a FREE Header & Footer for Diviâ€™s Construction Layout Pack

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. We recently shared a brand new Construction Layout Pack. To help you get your website up and running as soon as possible, we’re sharing a global header & footer template that matches this layout pack perfectly as well! Hope you enjoy it.

Check Out The Construction
Global Header & Footer Template Below

Get it for free today!

Divi Construction Freebie Header Design

Desktop View

Tablet and Mobile View

Divi Construction Freebie Footer Design

Header View

Tablet and Mobile View

Download The Global Header & Footer Template For The Construction Layout Pack

To lay your hands on the free global header & footer template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If youâ€™re already on the list, simply enter your email address below and click download. You will not be â€œresubscribedâ€ or receive extra emails.

Download the Files

Download For Free

Join the Divi NewsletterÂ and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

How to Upload The Divi Construction Freebie Template

Go to Divi Theme Builder

To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

Upload Global Default Website Template

Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

Navigate to the import tab, upload the JSON file which you were able to download in this post, and click on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

Once you’ve uploaded the file, you’ll notice a new global header and footer in your default website template. Save the Divi Theme Builder changes as soon as you want the template to be activated.

How to Modify The Template

Open Divi Construction Freebie Header Template

To modify the global header template’s elements, start by opening the template.

Set Desktop Menu

This Divi Construction freebie header design has a desktop as well as a tablet/mobile design. Let’s begin by selecting a menu for the desktop view of our header.

Add Link to Button

Next, we add a link to our Button Module. Remember to also change the text on the button to match your call-to-action.

Upload Your Logo

Next, you want to edit the Image Module. Upload your own image and logo, preferably a PNG with a transparent background.

Set Your Social Media Links and Account

Edit the links and social networks within the header’s Social Media Follow Module.

Select Menu for Tablet and Mobile

After setting our desktop elements, we need to switch to the tablet view. This will enable us to edit our tablet and mobile elements.

Then, we select our menu for the tablet and mobile

Upload Inverse Logo

For the mobile menu, we use a yellow background color. Because of this, you will want to use the inverse color of your logo. We would suggest using the dark color of your logo for the mobile menu’s logo, as opposed to the light-colored version so that it can be seen.

Update Button for Smaller Devices

Edit the Button Module within the header to reflect your call-to-action of choice. Also, add a link destination.

Setup Your Social Media Follow Module

Finally, we’ll update the social media networks within our Social Media Follow Module. Don’t forget to double-check your social media URLs to make sure that they’re correct and active!

Open Footer Template

Continue by opening the global footer inside the default website template.

Edit Footer Blurb Module

Our footer has several Blurb Modules that need to be updated. You will need to update the Blurb Title and Blurb Body. You can also take it a step further and update the Blurb Icon as well.

Edit Social Media Icons

We have another Social Media Follow Module in the footer of our design. Add your relevant social media account and link them correctly.

Edit Static Modules

There are a number of modules throughout our footer design that are static and will require your immediate attention. Items like the Service section and the section titles need to be updated to reflect your business needs.

Select Menu for the Divi Construction freebie Footer

Our Divi Construction freebie footer design has a Menu Module. Select your menu of choice to use in the footer.

New Freebies Every Week!

We hope you’ve enjoyed the Construction Layout Pack and the Header & Footer freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

The post Download a FREE Header & Footer for Divi’s Construction Layout Pack appeared first on Elegant Themes Blog.

27.06.2023
Get a FREE Marketing Layout Pack for Divi
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi.

This time around, the design team has created a beautiful Marketing Layout Pack thatâ€™ll help you get your next marketing website up and running in no time!

This layout pack includes:

– 9 Premade page layouts strategically designed for any marketing website (including a footer design)
– Original, royalty-free photos and graphics + customizable source file (see below)
– Plus, a large collection of pre-designed website elements that are customizable and reusable anywhere.

This layout pack is available right inside Divi for all Divi customers for FREE as the latest addition to our growing Divi library of hundreds of premade layout packs, thousands of page designs, and countless web design elements and resources.

Check Out The Divi Marketing
Layout Pack Below

Get it for free today!

Landing Page Design

View The Live Layout Demo

Home Page Design

View The Live Layout Demo

Portfolio Page Design

View The Live Layout Demo

Project Page Design

View The Live Layout Demo

Services Page Design

View The Live Layout Demo

Service Page Design

View The Live Layout Demo

About Page Design

View The Live Layout Demo

Contact Page Design

View The Live Layout Demo

Blog Page Design

View The Live Layout Demo

Key Features

If you’re looking to set up a website for your creative marketing business, you’ll want to check out the Marketing Layout Pack for Divi! This layout pack combines modern illustrations with professional page structures. This layout pack will help you, without a doubt, create the branding your company needs!

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.
Access This Layout Right Now
Directly from Your Divi Builder

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.

To access your new layout, simply activate the Visual Builder when editing a page and look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup. Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the Marketing Layout Pack, click on it. You will see all the individual layouts included in the pack. Select the layout you want to use and then click the “Use This Layout” button.

For more, check out this video to learn how you can get this layout pack up and running today.

Subscribe To Our Youtube Channel

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. You can do this by navigating to Divi > Theme Options > Updates. There you can enter your username and API key and save changes.

You can find your API Key under your members area on the Elegant Themes site. After you enter the Username and API Key, you will gain immediate access to our library of hundreds of free layouts (including this one). If you haven’t done this, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

Use Layout Images for FREE with No Licensing Restrictions

The image assets included with these layouts (icons, illustrations, photos, etc.) have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Pack Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check out next week’s layout pack as well!

The post Get a FREE Marketing Layout Pack for Divi appeared first on Elegant Themes Blog.
26.06.2023
Divi Product Highlight: Divi Social Plus

Are you looking for an easy way to display your Instagram and Twitter posts on your website? Divi Social Plus is a plugin that adds 5 new social media modules to the Divi Builder. With this plugin, you can connect your Instagram and Twitter accounts to display fully customizable social media feeds and carousels. The plugin also comes with a social media share module that can also be fully customized and added to your layouts. In this plugin highlight, weâ€™ll take a look at Divi Social Plus to help you decide if itâ€™s the right social media plugin for you.

Letâ€™s get started!

Installing Divi Social Plus

To install Divi Social Plus, navigate to the Plugin page in the WordPress dashboard and click Add New. Click Choose File and select the .ZIP plugin file, then click Install Now.

Once the plugin is installed, click activate.

Get Instagram Access Token

In order to connect an account and display images with the Instagram modules, you need to generate an Instagram Access Token. The plugin author has some documentation you can follow to set up everything and get the App ID and App Secret you need to generate the Instagram Access Token.

Divi Social Plus

The plugin adds 5 new social media modules to the Divi Builder: Instagram Feed, Instagram Carousel, Social Share, Twitter Feed, and Twitter Carousel. Letâ€™s take a look at each module.

Instagram Feed

With this module, you can display your Instagram posts in a feed anywhere on your website. Letâ€™s take a look at the settings.

Content Settings

Under the Instagram Feed settings, you can add your generated Access Token. Once added, your Instagram photos will appear in the Visual Builder and on your website.

Instagram Settings

In the Instagram Settings section, you can set the data cache time and cache timeout time. You can also choose to show the icon and caption on hover and set the number of Instagram posts to display.

Additionally, you can enable the image link, show the post caption, set a custom item height, and enable RTL support.

Other Content Settings

You can also set a link, background color, and admin label in the content tab settings.

Design Settings

Letâ€™s take a look at the design settings.

Instagram

Under the Instagram tab, you can select the layout, the number of columns, and the gap between items. In addition to the grid layout pictured above, you can also choose the masonry layout or the highlight layout. This is the masonry layout.

This is the highlight layout. When this layout is selected, you can choose to highlight every few images, making them appear larger in the grid.

Overlay

In the overlay settings, you can set the Instagram icon color and icon size, the overlay background color, and fully customize the caption text styles.

Caption

Here you can change the styling of the caption, if enabled. You can set the padding and caption background, and customize the caption text styles.

Other Design Settings

In addition to these unique design settings, you can also customize the sizing, spacing, border, box shadow, filters, transform, and animation options for the Instagram feed module.

Instagram Carousel

With the Instagram carousel module, you can showcase Instagram photos on your website in an engaging carousel format. Letâ€™s take a closer look.

Content Settings

First, you need to add the Access Token you generated to the field in the Instagram Feed settings. Then your images will appear in the carousel.

Instagram Settings

Here you can set the data cache time and cache timeout type, show or hide the icon and caption on hover, set the number of Instagram posts to show, enable the image link, and show or hide the caption below the image.

Carousel Settings

There are two tabs in the carousel settings â€“ general and advanced. First, letâ€™s take a look at the general tab. Here you can set the animation speed, enable autoplay and set the autoplay speed, enable navigation, and enable pagination. You can also enable fixed width slide and set a width for each image.

If fixed width slide is not enabled, you can specify the number of slides to show. In this section, you can also set the spacing between slides, choose whether to apply spacing on the first and last item, and enable infinite looping.

In the advanced tab of the carousel settings, you can set the sliding CSS transition type. You can choose from linear, ease-in, or ease-in-out. You can also enable swipe navigation and set the number of items to scroll. Here, you can also enable vertical mode to display your Instagram photos in a vertical carousel.

You can also enable center mode for the carousel. With this mode enabled, you can select from classic or highlighted. Here is what the highlighted center mode layout looks like, it features the center image larger than the surrounding images.

Also in this section, you can enable the wait for animate setting, which ignores requests to advance the slide during animation, and you can enable a custom cursor that appears over the slider.

Here is the grab cursor style.

Finally, you can adjust the top and bottom wrapper spacing and enable RTL support.

Other Content Settings

You can also customize the module link, background styles, and admin label within the content tab.

Design Settings

Many of the design settings for the Instagram Carousel module are similar to the settings for the Instagram Feed module. Letâ€™s take a look.

Instagram

In this section, you can set the image height.

Overlay

In the overlay section, you can customize the Instagram icon color and icon size, as well as the overlay background color and caption font styles. Here I have set a solid overlay color that appears on hover.

Caption

Here is where you can customize the styling of the caption shown below the image, if enabled. You can set the padding, caption background, and font styles.

Navigation

There are three tabs of settings in the navigation section: Common, Prev, and Next. First, letâ€™s take a look at the common tab. Here you can choose from navigation types A or B. Type A features an arrow on either side of the carousel. Type B features both arrows closer together, as pictured here. You can adjust the vertical and horizontal placement, the height and width, and icon size.

In this section, you can also set the icon color and background, skew the icons, adjust the spacing between icons, set the vertical position, enable horizontal position center, and adjust the border.

In the prev and next tabs, you can set the navigation icons and set the border radius.

Pagination

In the pagination settings you can select from the dot type or number type of navigation. You can also select the alignment, the pagination background color, height and width, border width, vertical position, and spacing. Under the active tab you can set the active pagination background, text color, and width.

Other Design Settings

Also in the design tab you can customize the sizing, spacing, border, box shadow, filters, transform, and animation options.

Social Share

The social share module adds a social network share button to your page. Each social share item is added to the module individually under the content tab.

Sharing Item Settings

Each individual sharing item can be added under the Content tab and has its own settings page.

Under the content tab of the settings window for the sharing item you can set the network type, specify the share text, change the background, and set the admin label. You can choose to display buttons for Twitter, Facebook, Messenger, Pinterest, LinkedIn, WhatsApp, Viber, Tumblr, Reddit, Email, VK, and Telegram.

Under the design tab you can customize the icon, text, border, box shadow, spacing, filters, and transform styles.

Content Settings

Now letâ€™s take a look at the settings in the content tab of the social share module. Most settings are under the settings section, aside from the background styles and admin label.

Under the settings section you can choose from a horizontal or vertical placement. Here is the vertical layout.

You can also choose from the classic layout (pictured above) or the modern layout, pictured here. With the display type option you can choose from the block layout, which spans the length of your block, or an inline block layout like this. If the modern layout is selected, you can also show an icon arrow and change the icon placement.

If the classic layout is selected you can set the content alignment. You can also show or enable the share text, set the button alignment, the button spacing gap, and enable RTL support.

Design Settings

In the design tab, you can customize the design of all social share buttons.

General

Here you can set the button padding, button background, and button border styles.

Icon

In the icon settings, you can change the icon spacing gap, arrow color, icon color, size, wrapper height and width, background color, padding, rounded corners, and border styles.

Text

In the text settings, you can style the button text.

Other Design Settings

Also in the design tab, you can customize the border, box shadow, sizing, spacing, filters, transform, and animation styles for the social share buttons.

Twitter Feed

With this module, you can add a Twitter feed to your website layout. Letâ€™s take a closer look at the settings.

Content Settings

Twitter Feed

Under the Twitter Feed options, add the username for the Twitter account you would like to display Tweets from.

Elements

Here you can set how the feed is sorted: by recent posts, old posts, favorites, or retweets. You can also set the number of Tweets to show, and enable or disable the following elements: Twitter logo, user image, name, user name, date, favorite, retweet, and read more. You can also change the read more text.

Grid Settings

In the grid settings, you can set the number of columns, change the column gaps, and enable RTL support.

Other Content Settings

In addition to these options, you can also set the module link, background, and admin label in the content tab.

Design Settings

In the design tab, you can customize how the Twitter feed looks.

Tweets Box

Here, you can set the Tweet box alignment, Twitter icon alignment, padding, background, and border styles.

User Avatar

In the user avatar settings you can change the profile image size, set the avatar spacing, add rounded corners, and modify the border styles.

User Text

The user text settings are separated by the Name tab and the Username tab, so you can set different styles for each.

Content

This is where you can customize the styling of the Tweet content. These options are also separated into three tabs for different styling: Description, Read More, and Date. You can customize the font styles and colors for each of these elements. You can also adjust the bottom spacing in the description settings.

Footer

Here you can set the footer alignment and padding as well as the text and icon colors and sizes for the favorite and retweet indicators.

Other Design Settings

Additionally, you can customize the sizing, spacing, filters, transform, and animation styles for the Twitter feed module.

Twitter Carousel

This module allows you to add a carousel of Tweets to your website.

Content Settings

Twitter Feed

Here you can add the username for the Twitter account you would like to display Tweets from.

Twitter Settings

Under the Twitter settings, you can select the sort type, the number of Tweets to show, and enable or disable the following: Twitter logo, user image, name, user name, date, favorite, retweet, and read more. You can customize the read more text here as well.

Carousel Settings

In the general tab you can set the animation speed, enable autoplay, set the autoplay speed, enable pagination, enable fixed width slides, select the number of slides to show, adjust the slide spacing, apply spacing on the first and last item, enable infinite looping, and equalize column heights.

In the advanced tab, you can select the CSS transition type, enable swipe, set the number of items to scroll, enable vertical mode, enable center mode, wait for animate, enable custom cursor, adjust the wrapper spacing, and enable RTL support.

Here is the carousel with center mode enabled and the highlight layout type selected.

Other Content Settings

You can also set a module link, change the background styles, and set an admin label in the content tab.

Design Settings

In the design tab, you can completely customize the styling of the Twitter carousel. Letâ€™s take a closer look.

Tweets Box

Here you can set the content alignment, Twitter icon alignment, Twitter icon size, padding, background, and border styles for each Tweet.

User Avatar

In the user avatar settings you can set the profile image size, avatar spacing, rounded corners, and border styles.

User Text

In the user text settings, you can customize the font styles for the name and username.

Content

Here you can customize the font styles for the Tweet content, the read more link, and the date.

Footer

In the footer settings, you can set footer alignment and padding. You can also customize the text and icon colors and sizes for the favorite and retweet indicators.

Navigation

You can enable two types of navigation: Type A and Type B. This is type A, with the navigation on each side of the carousel module. Here you can also set the height and width of the navigation icons, set the icon size, color, and background, enable a skew effect, set the vertical and horizontal position, and set the border styles. In the Prev and Next tabs, you can set the icons and border radius for each button.

Pagination

In the pagination settings, you can choose between number or dot style navigation. This is the number navigation style. You can customize the alignment, text color, text size, background, height, width, border radius, vertical position, and spacing.

In the active tab, you can set the styles for the active pagination item.

Other Design Settings

You can also customize the sizing, spacing, filters, transform, and animation options in the design tab.

Purchase Divi Social Plus

Divi Social Plus is available in the Divi Marketplace. It costs $49 for unlimited website usage and 1 year of support and updates. The price also includes a 30-day money-back guarantee.

Final Thoughts

Divi Social Plus adds five new social media modules to the Divi Builder, allowing you to integrate your social media content on your website. With Divi Social Plus, you can add Instagram and Twitter feeds and carousels as well as social sharing buttons to your website. Each module comes with many different configuration options and design settings that allow you to have full control over the design of the social media modules. If youâ€™re looking for a way to integrate a social media feed on your Divi website, this plugin may be a great solution for you.

We would love to hear from you! Have you tried Divi Social Plus? Let us know what you think about it in the comments!

The post Divi Product Highlight: Divi Social Plus appeared first on Elegant Themes Blog.

25.06.2023
Download a FREE Header & Footer for Diviâ€™s Wedding Invitation Layout Pack

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new freebies. We recently shared a brand new Wedding Invitation Layout Pack. To help you get your website up and running as soon as possible, we’re sharing a global header & footer template that matches this layout pack perfectly as well! Hope you enjoy it.

Check Out The Wedding Invitation
Global Header & Footer Template Below

Get it for free today!

Header Design

Desktop View

Tablet and Mobile View

Footer Design

Desktop View

Tablet and Mobile View

Download The Global Header & Footer Template For The Wedding Invitation Layout Pack

To lay your hands on the free global header & footer template, you will first need to download it using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If youâ€™re already on the list, simply enter your email address below and click download. You will not be â€œresubscribedâ€ or receive extra emails.

Download the Files

Download For Free

Join the Divi NewsletterÂ and we will email you a copy of the ultimate Divi Landing Page Layout Pack, plus tons of other amazing and free Divi resources, tips and tricks. Follow along and you will be a Divi master in no time. If you are already subscribed simply type in your email address below and click download to access the layout pack.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

How to Upload The Header & Footer for the Divi Wedding Invitation Template

Go to Divi Theme Builder

To upload the template, navigate to the Divi Theme Builder in the backend of your WordPress website.

Upload Global Default Website Template

Then, in the top right corner, you’ll see an icon with two arrows. Click on the icon.

Navigate to the import tab, upload the JSON file which you were able to download in this post, and click on ‘Import Divi Theme Builder Templates’.

Save Divi Theme Builder Changes

Once you’ve uploaded the file, you’ll notice a new global header and footer in your default website template. Save the Divi Theme Builder changes as soon as you want the template to be activated.

How to Modify The Header for the Dvi Wedding Invitation Template

Open Header Template

To modify the global header template’s elements, start by opening the template.

Upload Your Logo

Switch the image within the Image Module with your own logo or monogram.

Select Menu of Choice for Desktop

This template has a different header for desktop and mobile devices. We’ll be working through the desktop header template first. Select your desktop menu in the Menu Module.

Update CTA Button

This header has a Button Module in the top right. Open the settings of the button and update the text and URL to the destination of your choice.

Set Your Countdown Timer Date

Update the Countdown Timer Module with your due date of choice.

Change View from Desktop to Tablet

Switch your view from desktop to tablet so that we can update the mobile version of the header.

Select Mobile Menu

From the Menu Module, select your menu.

Upload Logo to Menu

We use the logo feature within the Menu Module to upload our logo. Upload your logo or monogram to the Menu Module.

Change Link on Mobile Button CTA

Update the link as well as the text on the button that appears in the mobile menu area.

Change Date in Mobile Countdown Timer

The final module that needs updating in this header is the Countdown Timer Module.

Open Footer Freebie of the Divi Wedding Invitation Template

Continue by opening the global footer inside the default website template.

Change Footer Logos

The footer template has two Image Modules that need to be updated with your logo.

Select Footer Menu

Update your Menu Module in the footer with your selected footer menu.

Choose Your Date

Update the footer Countdown Timer Module with your chosen date. You should also update the title to match what your needs are.

Update Blurb Modules in Footer

This footer has three Blurb Modules. Update the title and text of each module to your suiting.

You can go a step further and also change the icons used in each module.

New Freebies Every Week!

We hope you’ve enjoyed the Wedding Invitation Layout Pack and the Header & Footer freebie that goes along with it. We look forward to hearing your opinions in the comment section below. Make sure you check back next week for more freebies!

The post Download a FREE Header & Footer for Divi’s Wedding Invitation Layout Pack appeared first on Elegant Themes Blog.

20.06.2023
Get a Free Jewelry Artist Layout Pack for Divi
Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new Layout Pack for Divi.

This time around, the design team has created a beautiful Jewelry Artist Layout Pack thatâ€™ll help you get your next Jewelry Artist website up and running in no time!

This layout pack includes:

– 6 Premade page layouts strategically designed for any Jewelry Artist website (including a footer design)
– Original, royalty-free photos and graphics + customizable source file (see below)
– Plus, a large collection of pre-designed website elements that are customizable and reusable anywhere.

This layout pack is available right inside Divi for all Divi customers for FREE as the latest addition to our growing Divi library of hundreds of premade layout packs, thousands of page designs, and countless web design elements and resources.

Check Out The Divi Jewelry Artist
Layout Pack Below

Get it for free today!

Landing Page Design

View The Live Layout Demo

Home Page Design

View The Live Layout Demo

Shop Page Design

View The Live Layout Demo

About Page Design

View The Live Layout Demo

Blog Page Design

View The Live Layout Demo

Contact Page Design

View The Live Layout Demo

Key Features

We have just the layout for you if you’re in the market for a new look for your jewelry business. The Jewelry Artist Layout Pack for Divi provides a timeless look to showcase your jewelry products. From the elegant serif font to large photos to feature your artistry, this layout will have potential buyers eagerly awaiting their opportunity to purchase.

Live Demos

Click the links below to see a live demo for each of the layouts included in the pack.
Access This Layout Right Now
Directly from Your Divi Builder

Since Version 3.0.99 of Divi, you can find and import any of the layouts included in this pack (along with ALL of Divi’s Premade Layout packs) directly from the Divi Builder. They are already waiting for you.

To access your new layout, simply activate the Visual Builder when editing a page and look for the “Load From Library” icon in the page settings bar (it looks like a plus symbol). Click this icon to launch the Load From Library popup. Under the Premade Layouts tab, you can easily find the new layout by scrolling through the list of layout packs. Once you find the Jewelry Artist Layout Pack, click on it. You will see all the individual layouts included in the pack. Select the layout you want to use and then click the “Use This Layout” button.

For more, check out this video to learn how you can get this layout pack up and running today.

Subscribe To Our Youtube Channel

Authentication Required

Before you can download Premade Layouts from the Divi Library you must authenticate your Elegant Themes Subscription. You can do this by navigating to Divi > Theme Options > Updates. There you can enter your username and API key and save changes.

You can find your API Key under your members area on the Elegant Themes site. After you enter the Username and API Key, you will gain immediate access to our library of hundreds of free layouts (including this one). If you haven’t done this, when you click to import a layout to your page, you will be prompted to enter your Elegant Themes Membership Username and API Key.

Use Layout Images for FREE with No Licensing Restrictions

The image assets included with these layouts (icons, illustrations, photos, etc.) have no licensing restrictions. This means you can use them in all of your commercial projects without having to worry about paying licensing fees or attributing the photographer. Use them in your commercial websites, sell them within your Divi child themes, include them in your own Divi layout packs or just use them on your blog. We know how challenging it can be to find good photos and how confusing and scary the licensing that governs those photos can be. We want to fix that problem for our users.

Download the Full Res Image Assets

New Layout Pack Every Week!

We hope you enjoy this layout pack. We look forward to hearing your opinions in the comment section below. Make sure you check out next week’s layout pack as well!

The post Get a Free Jewelry Artist Layout Pack for Divi appeared first on Elegant Themes Blog.
19.06.2023