Creating an “Our Process” Section with Divi’s New Column Structures
Divi’s new column structures have undeniably added a ton more built-in design possibilities to Divi. To show you how unique you can get with Divi’s versatile column structures, we’re going to show you how to create a unique “our process” section using Divi’s built-in options only. On top of that, we’ll also add a subtle hover effect that appears when hovering one of the steps in the process. These sections are great for explaining how you do what you do to your clients or prospective clients.
Let’s get to it!
Preview
Before we dive into the tutorial, let’s take a look at the outcome you can expect from this tutorial.

Add New Section
Background Color
Add a standard section to a new or existing page and use the following background color for it:

Background Color: #3a1dad


Spacing
Go to the spacing settings next and add some custom top and bottom padding.

Top Padding: 170px
Bottom Padding: 170px


Visibility
We’re creating an alternative on smaller screen sizes but we’ll start off creating the desktop version. That’s why were disabling this section on phone and tablet in the visibility settings.

Add Row #1
Column Structure
Once you’re done modifying the section settings, continue by adding a new row using the following column structure:

Add Gradient Background to Column 1, 3 & 5
To create a...
22 Brush Fonts to Add a Hand Painted Element to Your Design
There are lots of fonts to choose from online in many different designs. One design that I’m drawn to is the brush font. This font design has an artistic element that stands out no matter how simple or complex the font’s design. In this article, we’ll look at 22 brush fonts to add a hand painted element to your design.
I’ve included free and premium fonts. I’ve noted the license where possible, but be sure to check the license agreement to see if they’ll work for your needs. License agreements could change over time and it’s always a good idea to check. I’ve placed each brush font in alphabetical order.
1. Atmosphere

Atmosphere is a hand-drawn font with natural brush strokes to create an authentic brush texture. It includes upper and lowercase characters, numbers, punctuation, and symbols. It also comes with 20 watercolor splotches to use in your typographic pieces. It’s free for personal and commercial use.
Price: Free | More Information
2. Banaue Extended

Banaue Extended is the premium version of the free font – Banaue. It contains 329 characters including upper and lower case letters, numbers, symbols, Cyrillic letters, and EU country based glyphs. It includes characters for seven languages. There are multiple licenses to choose from.
Price: $4.95 | More Information
3. Besom

Besom was painted by hand with a brush that resembles a raw besom. It has Latin extended, 156...
Transforming Text Modules into Unique Person Descriptions on Hover with Divi
Looking for a creative way to add descriptions to images? With Divi’s built-in hover options, it’s now easier than ever. You can use this approach for various purposes on your website, from testimonials to team member descriptions and more. In this tutorial, we’ll go over 4 different examples that’ll help you achieve stunning web design. We’re creating all four examples using Divi’s built-in options only.
Let’s get to it!
Preview

Before we dive into the step-by-step tutorial, let’s take a quick look at the end result on different screen sizes.
Desktop

Mobile

General Steps
Add New Section
To make this tutorial easier to follow, we’ll start with some general steps. Afterwards, we’ll handle the steps that are unique to each one of the examples. Start by adding a new regular section to a new or existing page.

Add Row
Column Structure
Go ahead and choose the following column structure (you can make this work with other column structures too):

Column 1 Background Image
Without adding any modules yet, open the row settings and add a background image to the first column.

Column 1 Background Image Repeat: No Repeat


Sizing
Continue by changing the sizing settings of the row.

Make This Row Fullwidth: Yes
Use Custom Gutter Width: Yes
Gutter Width: 1


Spacing
And add some custom padding values next.

Top Padding: 150px...
How to Cultivate Self-Discipline (and Why That’s Important)
Many people have amazing talents. The problem is, raw ability and intelligence aren’t enough to carry you through life. To succeed, you also need self-discipline in order to focus those talents.
If there’s a single skill that can determine how far you’ll go in life, it’s self-discipline. Without it, you’ll fumble around without clear goals and potentially squander natural gifts or even hard earned skills. Given this, we’ll talk about five ways you can cultivate it. However, before this, let’s talk a bit more about the importance of self-discipline!
Why You Need Self-Discipline to Succeed
Let’s set the scene. It’s late evening, you have an important project due the next day, but you haven’t started working on it yet. Ultimately, you’ve been waiting for inspiration to strike, which has obviously impacted you starting the project. The problem is, the inspiration and motivation often doesn’t come when you need it most. Instead, you need to ‘will’ yourself into doing what you need to when necessary.
This drive to get things done, even when you don’t feel like it, is what we call ‘self-discipline’. Studies have shown it’s one of the most important success indicators, and here’s why:

Discipline often translates to a better work ethic.
The more disciplined you are, the...
Now Available in the Mobile Apps: Revision History

The ability to load a previous version of a page or post is invaluable when you need to make a quick correction or compare your current revision to earlier ones. What about viewing your content’s revision history on the go? This can be a real life-saver, as we’re not always at our desktops. Well, we’re thrilled to announce that you can now review your content’s history and load revisions for both pages and posts directly from the WordPress mobile apps.





View History





The revision history of every page or post you’ve worked on is available right from the editor. Just tap My Sites → Site Pages or Blog Posts → any page or post → three-dots button → History.









The history list shows you the time each revision was created (organized by date), the author of the revision, as well as the number of additions and deletions for each revision. To view the content of each revision, tap it on the list.





Load Revision





If you’d like to continue working on an earlier version of your page or post, tap the Load button while viewing the content of a revision. You can view the content in either HTML or a visual format — just tap the three-dot menu and select HTML preview or Visual preview, respectively.









Send Feedback





The WordPress mobile apps are free and available for both Android and iOS devices. If you have any...
Get a FREE Digital Product 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 two brand new, free Divi Layout Packs from our design team to you.
For the first layout this week, we have for you a Digital Product Layout Pack that will knock your digital socks off. In addition to having everything you need to showcase your awesome software, the pack has a documentation page that will definitely come in handy. The color scheme and design fits the tech industry perfectly and the custom graphics are amazing assets as well.
Check it out!


Check Out The Divi Digital Product 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
Blog Page Design

View The Live Layout Demo
Contact Page Design

View The Live Layout Demo
Documentation Page Design

View The Live Layout Demo
Pricing Page Design

View The Live Layout Demo
Key Features
This Digital Product Layout Pack includes some stricking graphic illustrations that really make the design stand out. The documentation page is a unique addition that is well organized and pleasing to the eye. And the way box shadows are used to highlight feautured items with white backbrounds keeps the design light and fresh throughout.
Live Demos
Click the links below to see a live...
A Straightforward Guide to Multilingual SEO
When targeting international markets, you need to make it easy for users of different languages to find the right version of your site via search engines.
In short, you must publish only perfectly translated, SEO optimized pages and then ensure they are accessible to the right users. In this article, you will look at best practices in multilingual SEO, which will help you reach new audiences.
What Is Multilingual SEO?
First, it’s important to clarify the difference between multiregional and multilingual SEO. The former refers to SEO processes that optimize a site for users in different geographical areas. The latter, which is the topic of this guide, refers to the process of optimizing a site that is available in multiple languages. However, we will touch upon multiregional SEO too because the two practices are often used together.
Let’s look at what you need to consider when implementing multilingual SEO.
Choose Your URL with Care
The structure of a multilingual URL should be translated in the early stages of your project.
What are your options?
There are three approaches you can take when structuring a multilingual URL:
· You can use country-code top-level domains
· You can use subdomains
· You can use subdirectories
Each approach has implications in terms of SEO benefits, cost, impact for the local brand, maintenance, and hosting. Let’s look at each approach in turn,...
Divi Plugin Highlight: Divi Mega Pro
Mega menus are a popular design element that can give your website an elegant boost while providing visitors with an extra layer of navigation. There are several ways to add mega menus to Divi. One of the easiest methods that I’ve used is from a third-party plugin called Divi Mega Pro.
Divi Mega Pro makes it easy to build mega menus using the Divi Builder. Each menu can be added to any element using a CSS class. This means that you can add a Divi layout to any link in the menu, but you can go even further and add them to any element within any Divi layout simply by adding a CSS class. This is great for creating menus and popups with shop modules, images, sliders, portfolios, icons, blurbs, video, blogs, etc. It also works with Extra.
Creating a Divi Mega Pro Mega Menu

The Divi Mega Pro menu is added to the dashboard menu. Here, you can enter your license key, see the menus you’ve created, and create a new menu. When you click to add a new menu, you’ll see an editor for the menu post type. The screen is simple, but there’s actually a lot going on here.

Editor – you can create the mega menu or tooltip using the Divi Builder.

Mega Pro Background – you can select the background and font colors.

Display locations – choose all pages or name specific pages, and then enter exceptions.

Mega Pro Animation – select an animation. Choose from shift away, shift forward, perspective,...
15 Best Free Christmas Fonts for All Your Holiday Designs
Christmas is around the corner, so it’s time to break out the stockings, the old Santa costume, and of course, your trusty holiday fonts. With the right font, you can turn your ordinary website into something worthy of the North Pole. However, finding the perfect typeface can take some work as you’ll likely have to search umpteen font websites for the right one.
A temporary font change for your logo or some of your site’s headings is a simple and stylish way to celebrate the holidays. All you have to do is pick the best Christmas options and have some fun with them. In this article, we’ll help you out with some suggestions, so let’s dive right in!
15 Best Free Christmas Fonts for All Your Holiday Designs
We went through several font websites to find fonts that scream Christmas, which is great if you want to add a bit of holiday cheer to your designs. Keep in mind, though – although all of them are free, some are only so for personal use. This means that you’ll need a license to use them commercially.
1. Miraculous Christmas

As far as fonts go, they don’t get much more ‘Christmassy’ than this one. It even includes a snowman special character you can use to add some extra holiday cheer to your website. Miraculous Christmas is a cursive font that’s easy to read, and it has a bit of grungy style, so it’s perfect...
How to Create a Floating Pop-out Menu in Divi
Adding a floating pop-out Menu to your website will make it easy for visitors to access your menu at anytime throughout your page. This is great for sub navigation menus that compliment your primary navigation at the top of your page. It also allows you to display menus specific to your page content. For example, you may want to have a custom sub navigation menu for your services page that provides links to all of your different services.
In this tutorial, I’m going to show you how to create a floating pop-out menu in Divi. The basic idea is to take advantage of Divi’s accordion module for the menu functionality and then add advanced customization to a row to float it to the left of the page and have it pop-out when hovering over a portion of the row.
Let’s get started!
Sneak Peek

Here is a quick sneak peek of the design and functionality we will be building in this tutorial:

What you will need
For this tutorial, you will need the following:

The Divi Theme
The Charity Donate Page Layout from the Charity Layout Pack (available for free within the Divi Builder)

Adding the Page Layout
For this tutorial, I’m going to use the Charity Donate Page Layout from the Charity Layout Pack. To add the premade layout to your page, first create a new page and give your page a title. Then deploy the visual builder. Select the option “Choose a Premade Layout...
How to Recognize Self-Destructive Behavior Patterns
At one point or another, all of us have engaged in self-destructive behavior. It’s human nature, but some negative behavior patterns can be much harder to break out of than others. Even recognizing you’ve fallen into them can be a challenge, especially if you don’t want to admit it to yourself. And nothing stunts personal or professional growth quite like self-deception.
The good news is, you are capable of breaking self-destructive behavior patterns. All it takes is a willingness to accept what you’re doing wrong, understand why, and make a concerted effort to change your behavior. In this article, we’ll talk more about self-destructive behavior in general, why it can be hard to recognize in yourself, and how to begin to do so.
Let’s get to it!
What Is Self-Destructive Behavior?
Self-destructive behavior refers to any action you make even though you know it will have a negative impact on yourself. One common example of this is smoking. A cigarette can feel like a cool glass of water when you’re parched, but we all know they come with plenty of nasty side effects.
However, that’s only one example, and self-destructive behavior can affect you in plenty of ways. Some of these include:

Negating your mental and physical health.
Impacting your self-esteem.
Damaging your personal and work relationships.
Affecting your work performance...
How to Design a Unique Featured Products Section with Divi & Our Exclusive Boutique Sale Landing Page
It’s Finally Here!
Cyber Monday

Did you miss our Black Friday sale over the weekend? Don't worry! Our biggest discount of all time is being extended for a limited time for Cyber Monday. This is the biggest discount we have ever offered, and it's only something we offer during our Black Friday and Cyber Monday sales. Once the sale is over, this discount won't be available until next year. That's a long time to wait!

Get The Deal Before It’s Gone!


This Boutique Sale Landing Page is one of the exclusive page layouts we’re providing you with as Lifetime Members and new Cyber Monday customers. The landing page layout and design is remarkable, making it easy to promote discounts and featured products in a fresh new way. The header features a strong call to action to educate users on a valuable discount. And the different sections of the page promote products according to different categories like “new arrivals” and “what’s hot”. The page finishes with a strong call to action in the footer that includes a countdown timer as well.
In this article, I’ll show you how to use the Boutique Sale Landing Page on your own website and I’ll also walk you through how to design a unique featured products section with Divi. To do this I’ll be using Divi’s shop module in creative ways to feature your WooCommerce products...

Twitter Views
YouTube Views
Facebook Shares
Unique Visits

202,451
376,013
12,558
345,348

Indexed URLs
Checked URLs
Websites Audited
Web Page Created

28,534
123,407
12,923
15,151

URLs to Index
Keywords Tracked
Words Analyzed
Updated

112,515
12.311
68,512
08 Dec 2018