Elegant Themes

07:48
How to Create a Simple Text Marquee with Divi

by Best Webhosting Added 6 years ago 100 Views / 0 Likes

Text marquees provide a scrolling area of text to your website that engages readers with useful snippets of content. They are also called tickers (or news tickers) and are often used to show a steady stream of news updates at the top or bottom of a page. Usually, the scrolling animation is done with a single line of content in a loop so that the information is displayed repeatedly. Unfortunately, the HTML marquee tag is obsolete so we are counting on
27:38 Popular
How to Create a Site-Wide Product Page Template with Divi’s Theme Builder

by Best Webhosting Added 6 years ago 124 Views / 0 Likes

Multistreaming with https://restream.io/ Divi’s new Theme Builder automates the way we build our Divi websites. When designing product pages, for instance, we only have to go through the creation process once, and from there, we can assign the design to all our product pages. That’s exactly what we’ll show you in today’s use case tutorial. We’ll guide you through setting up a site-wide woo product page template using Divi. We’ll start by styling the d
54:13
How to Create a Slide Down Push Menu in Divi

by Best Webhosting Added 5 years ago 95 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-slide-down-push-menu-in-divi Large headers with a lot of navigation links can take up a lot of valuable real estate on your site (especially above the fold). That’s why menus that popup and slide-in are becoming more and more popular. Most of the time, menus that slide in to view stay above the content of the page, hiding certain elements. However, a sliding push me
05:09 Popular
How to Create a Slide in Top Bar Ad with the Divi Code Module.

by Best Webhosting Added 6 years ago 117 Views / 0 Likes

In this video, I will show you step by step how to Create a Slide-in Top Bar Ad with the Divi Code Module and codepen code generator. here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-slide-in-top-bar-ad-with-the-divi-code-module
12:43
How to Create a Spinning Menu Wheel on Hover

by Best Webhosting Added 6 years ago 80 Views / 0 Likes

Creating a spinning menu wheel on hover is a fun way to showcase helpful links on your website. This would be a great way to provide multiple calls to action in a header to direct users where they need to go. And it would also be a cool sub category menu for your blog. In this tutorial, I’m going to show you how to create a spinning menu wheel on hover in Divi. This can be done by using a combination of built-in Divi options and a few snippets of cust
08:36
How to Create a Split Blend Mode Headline with Divi

by Best Webhosting Added 6 years ago 96 Views / 0 Likes

It’s no secret that blend modes can help you give some extra attention to the aesthetics of the design you’re working on. In the past, we’ve covered blend mode tips and tricks that help you create some unique and gorgeous designs. Now, since the column update has come out, there are a few extra things you can do with these blend modes. One of those things is creating a split blend mode headline. In this post, we’ll show you how you can achieve a stunn
02:08
How to Create a Static Homepage on a WordPress Website

by Best Webhosting Added 3 years ago 48 Views / 0 Likes

In today's video, we'll learn how to create a static homepage on your WordPress website. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-create-a-static-homepage-on-a-wordpress-website ➡️ Learn more about Divi: https://www.elegantthemes.com/gallery... 🔵 Like us on Facebook: https://www.facebook.com/elegantthemes/ #Tutorial #WordPress #ElegantThemes
13:03
How to Create a Sticky Audio Content Bar in Divi

by Best Webhosting Added 3 years ago 56 Views / 0 Likes

Adding a sticky audio content bar is a great way to feature an audio clip for easy access as a user scrolls through your page content. For example, podcasters can “stick” their featured audio at the top of an episode page so the user can always have access to those audio controls while listening and engaging with the rest of the page content. In this tutorial, we are going to get a bit creative with Divi’s built-in sticky position options to build a s
33:32
How to Create a Sticky Email Optin in Divi That Draws Attention

by Best Webhosting Added 5 years ago 57 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-email-optin-in-divi-that-draws-attention Divi’s sticky position options allow you to make any element on your page sticky. And for you bloggers out there, it makes a lot of sense to add a sticky email opt-in to your post template for a subtly, yet effective, way to keep that important form at the forefront. In this tutorial, we are going to show you how to add a stick
30:46
How to Create a Sticky Footer Bar with Divi’s Sticky Options

by Best Webhosting Added 5 years ago 62 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-footer-bar-with-divis-sticky-options If you’re looking for a way to add a CTA that follows your visitors while they’re navigating through your website, you might consider going for a sticky footer bar. A sticky footer bar is used at the bottom of your browser and you can include any call to action of your choice, whether it’s a button or contact information.
26:48
How to Create a Sticky Header with Divi’s Sticky Options

by Best Webhosting Added 5 years ago 80 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-header-with-divis-sticky-options The way we use the Divi Theme Builder when setting up a website has sped up our workflow and made everything easier. Although we were able to create customized headers from day one ever since the Divi Theme Builder came out, one thing has been requested continuously, which is being able to create a sticky header without using
54:03
How to Create a Sticky Promo Video with a Show/Hide Toggle in Divi

by Best Webhosting Added 5 years ago 53 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-sticky-promo-video-with-a-show-hide-toggle-in-divi A promo video is a wonderful marketing tool for promoting your products and services to all those visitors who would rather just watch a video than explore your page for information. In this tutorial, we are going to show you how to create a sticky promo video with a show/hide toggle in Divi. The idea is to show the
17:47
How to Create a Sticky Sidebar for Your Blog Post Template with Divi

by Best Webhosting Added 4 years ago 55 Views / 0 Likes

When creating any kind of website, chances are high you’ll want to occasionally blog on that website too. Besides needing a blog page that features all your blog posts in a list form, you’ll want to have a blog post template that you can automatically assign to the new blog posts you create. Designing a blog post template with Divi’s Theme Builder is incredibly easy. And now, with Divi’s new sticky options, you’re able to turn your sidebar sticky righ
03:45
How to Create a Sticky Video Slider with Divi

by Best Webhosting Added 3 years ago 51 Views / 0 Likes

Sticky Video Sliders are an effective way to keep a concise collection of videos at the forefront while users scroll through content on a page. This would work great for tutorials or recipes that would benefit from video and written instruction simultaneously. In this tutorial, we’re going to show you how easy it is to create a sticky video slider with Divi. And for our example use case, we are going to add a sticky video slider to a recipe page. Blog
03:58
How to Create a Survey on WordPress

by Best Webhosting Added 3 years ago 42 Views / 0 Likes

Surveys are an essential tool for marketers to gain valuable information about their customer base. Posing questions to customers is a great way to determine what is important to them, and is a valuable way to learn why they choose certain products. After all, knowledge is power. Marketers can take the information they gather from consumers to help them develop new marketing strategies that will increase sales. In this video, we’ll show you how to cre
29:03 Popular
How to Create a Swipe Menu Bar for Your Website with Divi

by Best Webhosting Added 6 years ago 106 Views / 0 Likes

Every week, we provide you with new and free Divi layout packs which you can use for your next project. For one of the layout packs, we also share a use case that’ll help you take your website to the next level. This week, as part of our ongoing Divi design initiative, we’re going to show you how to create a swipe menu bar for your website using the Mortgage Broker Layout Pack. This is a great way to add interaction to your website. You’ll have the sa
07:48 Popular
How to Create a Themed Three Column “Heavy Metal” Audio Section with Divi’s Audio Module

by Best Webhosting Added 6 years ago 131 Views / 0 Likes

Today, we are going to be designing a tri-part audio module that includes space for an audio player, a short bio, and a call-to-action button--in case you want to direct visitors to i-Tunes or Google Play to download your latest hits. Read the blog post and get the code here: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-themed-three-column-audio-section-with-divis-audio-module
15:05 Popular
How to Create a Timeline with Divi’s Blurb Module

by Best Webhosting Added 6 years ago 117 Views / 0 Likes

In this post, we’ll be showing you how you can easily create a simple yet elegant timeline with Divi’s your Blurb Modules. We’ll be combining the different options that modules and rows provide to achieve the result you can view below. The example we’ll be sharing is based on the built-in Divi options only, which means you won’t need to add any additional CSS code! We’re also making sure that it looks good on the desktop as well as on mobile. Read mor
40:27
How to Create a Toggle Tab for a Sticky Header in Divi

by Best Webhosting Added 4 years ago 53 Views / 0 Likes

Learn more: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-toggle-tab-for-a-sticky-header-in-divi Interpreter Header & Footer Template: https://www.elegantthemes.com/blog/divi-resources/get-a-free-header-footer-template-for-divis-interpreter-layout-pack Sticky headers can be effective for keeping your menu and other important CTAs accessible for users. But sometimes sticky headers can become distracting, especially for large headers
08:48 Popular
How to Create a Transparent Vertical Navigation That Overlaps Your Divi Website

by Best Webhosting Added 6 years ago 138 Views / 0 Likes

How to Create a Transparent Vertical Navigation That Overlaps Your Divi Website. In today’s Divi tutorial, we’re primarily going to focus on doing something special with the vertical navigation on your website. Vertical navigation an often forgotten option that the Divi theme provides. Although not often used, it can change the complete look and feel of your website and bring it to the level you want. To help you make your vertical navigation even mor
12:10 Popular
How to Create a Unique Expanding CTA Section with Divi

by Best Webhosting Added 6 years ago 132 Views / 0 Likes

When creating a website, we want to showcase our products and services with clear calls to action (CTA’s). If you are going to create a more unique design for your buttons, it also helps to add hover effects to avoid any confusion about whether or not your buttons are clickable. In this tutorial, we’re going to show you how to design sections to showcase featured products and services with clear and unique CTA’s. We’ll even show you how to use built-i
12:26
How to Create a Unique Overlapping Effect with Background Images

by Best Webhosting Added 6 years ago 91 Views / 0 Likes

When designing a website, sometimes it is difficult to find the right balance of creativity. You don’t want your design to be too “over the top” but you don’t want to underwhelm your audience either. A great way to add a subtle, yet creative, aspect to your design is with what I call the image overlapping effect (a creative name I know). This overlapping effect makes image icons appear to be elevated when overlapping another element on the page, like
16:50
How to Create a Vertical Navigation Menu or Header for Your Divi Website

by Best Webhosting Added 5 years ago 75 Views / 0 Likes

Vertical navigation menus can come in handy for certain websites that need more menu items at the forefront. Horizontal menus can be difficult to fit all the menu links needed, especially on smaller browser widths. In this tutorial, we are going to show you how to build a custom vertical navigation menu using the Divi Theme Builder. This will allow you more room for showcasing your WordPress menu items. And you will have full power to add additional D
11:41 Popular
How to Create a Vertical Navigation with Divi that Drives Business

by Best Webhosting Added 6 years ago 129 Views / 0 Likes

In today’s Divi tutorial, we’re going to show you how to create a vertical navigation that drives business for your website. The vertical navigation that we’ll show you how to make will typically be used for businesses that think it’s important to have visitors act right away. For instance, if you own a restaurant that allows customers to order online, you might want your website to help visitors act quickly. Read more: https://www.elegantthemes.com/b
43:14
How to Create a Vertical Sticky Timeline Layout in Divi

by Best Webhosting Added 5 years ago 52 Views / 0 Likes

Go to the blog post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-vertical-sticky-timeline-layout-in-divi Creating a vertical sticky timeline can be extremely useful for categorizing content by year and/or month as the user scrolls down the page. The sticky date elements remain fixed beside the content for a convenient UX boost that users will appreciate. In this tutorial, we are going to show you how to create a complete vertical
14:47 Popular
How to Create a Vibrant CTA Section for Your Next Project with Divi

by Best Webhosting Added 6 years ago 129 Views / 0 Likes

Most, if not all, websites out there exist to make communication between companies or individuals and visitors happen easily. The main force behind this communication are CTAs. And when you combine CTAs with a nice design, you can get an even better response from your visitors. In this Divi tutorial, we'll be showing you how to create a vibrant CTA section using Divi and Photoshop. You can use this design on any website by changing the images and colo
13:06 Popular
How to Create a Vibrant Hover Team Page for Your Next Divi Project

by Best Webhosting Added 6 years ago 141 Views / 0 Likes

Team pages are often underestimated. Before purchasing a product or hiring a service, many users navigate to team or about pages to get a better idea of the company and the people behind it. If your team page leaves a positive first impression, it could lead towards higher conversion rates. Now, there are many ways to create beautiful team pages with Divi, but if you’re searching for some inspiration for your next project, you’re going to love this po
17:02 Popular
How To Create A Widget Opt In With Bloom

by Best Webhosting Added 6 years ago 109 Views / 0 Likes

http://www.elegantthemes.com/plugins/bloom/ is the best WordPress Email Opt-In Plugin, created by Elegant Themes. Swing by http://www.elegantthemes.com to download it!
15:51 Popular
How to Create a Woocommerce Account Page with a Featured Product Section for Logged In Users

by Best Webhosting Added 6 years ago 118 Views / 0 Likes

Divi’s Woo Modules can be helpful for showcasing a featured product section anywhere on your website, including other WooCommerce pages like the Account Page. This makes it easy to make special offers to users even when they are browsing their account information. In this tutorial, we are going to design an entire WooCommerce Account Page from scratch complete with a handy featured product section using Woo Modules. We’ll even include a few snippets o
02:52
How to Create a WordPress Author Box (3 Best Plugins)

by Best Webhosting Added 5 years ago 59 Views / 0 Likes

In today's video, we'll learn how to create a WordPress author box. Blog post: https://www.elegantthemes.com/blog/wordpress/how-to-create-a-wordpress-author-box-3-best-plugins •️ Learn more about Divi: https://www.elegantthemes.com/gallery/divi • Like us on Facebook: https://www.facebook.com/elegantthemes/ #AuthorBox #WordPress #ElegantThemes