Elegant Themes
-
22:21 Popular
How to Automatically Place Your Header Below Each Page’s First Divi Section
Added 109 Views / 0 LikesMultistreaming with https://restream.io/ Ever since the Divi Theme Builder has come out, we’ve been sharing tutorials on how to create and customize a header to match it with different needs you might have. In today’s tutorial, we’ll continue that journey by showing you how to automatically place a custom header below each page’s first Divi section. This approach allows visitors to see the hero section of your pages first and then get access to the me
-
12:50 Popular
How to Keep Modules Fixed In Their Column Container with Divi
Added 109 Views / 0 Likes -
10:03 Popular
A Guide to Understanding and Using Divi’s Absolute Position
Added 109 Views / 0 LikesThe absolute position property is one of four main position types available within Divi’s new position options. In this tutorial, we will explore what it means to give an element an absolute position in Divi and how you can use it to your advantage when designing Divi sites. Read more: https://www.elegantthemes.com/blog/divi-resources/a-guide-to-understanding-using-divis-absolute-position
-
17:24 Popular
How To Create A Locked Opt In Form With Bloom
Added 108 Views / 0 Likeshttp://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!
-
02:35 Popular
Divi Quick Tip 08: How to Create Modules That Overlap Sections
Added 108 Views / 0 LikesIn this Divi Quick Tip we show you how to create a module that appears to overlap two sections. This is perfect for achieving that "broken grid" effect and adding another level of novelty to a Divi built page. Read the accompanying blog post: http://goo.gl/OHSEdG Subscribe to our YouTube Channel: https://goo.gl/oxCa4h Subscribe to Divi Nation on iTunes: https://goo.gl/w8fccT Subscribe to Divi Nation via RSS: http://goo.gl/vz04Vc Get Divi Nation on Fac
-
06:10 Popular
How to Add Links to Divi Fullwidth Slider Images
Added 108 Views / 0 LikesIn this episode of Divi Nation I show you step by step how to make images on your full width sliders clickable. The tip is very easy to achieve and requires CSS code. What the CSS code does is, it hides the button and the text but allowing to to link the image to the desired page. Here is the code: font-size: 0px; background-color: rgba(0, 0, 0, 0.0) !important; top: -1000px; right: -1000px; height: 5000px; width: 5000px; position: absolute;
-
05:43 Popular
How to Create a Countdown Timer with an Animated Gradient Background
Added 108 Views / 0 LikesIn today’s post, I’m going to show you how to create a gorgeous countdown timer with a subtle animated gradient background. Whatever you may be counting down to, or building suspense for, this countdown is sure to impress your website visitors. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-countdown-timer-with-an-animated-gradient-background
-
09:18 Popular
How to Add Parallax Elements and a Slide-Down Transition to the Divi Slider Module
Added 108 Views / 0 LikesIn today’s slider tutorial we’re going to change the slider animation so that the text and button slide down from the top. We’ll also be styling it using parallax settings so the transparent images we’re using appear to “float” above the background. It’s an appealing effect when done correct and draws the eyes to your call to action. Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/how-to-add-parallax-elements-and-a-slid
-
00:53 Popular
Divi 3.0: Add Gorgeous Video Backgrounds in Seconds
Added 108 Views / 0 LikesWith the latest Divi 3 you can add gorgeous video backgrounds in seconds. Give it a try https://www.elegantthemesdemo.com/?et_fb=1
-
05:23 Popular
Ultimate Guide to Using Parallax With Divi
Added 108 Views / 0 LikesUltimate Guide to Using Parallax With Divi. Today, I’m going to dive deep into the ways parallax works with Divi. I’ll explain exactly what happens when you use the two different parallax methods, what size image is best, and I’ll even throw in some custom CSS hacks to position your images just how you want them. Read more: https://goo.gl/iW667m
-
04:05 Popular
Creating Mega Menus In Divi
Added 108 Views / 0 LikesMega menus allow users to see more links all at once without the hassle of scrolling, hovering, and remembering the contents of your menu. A good way to think about Mega Menus is that they are drop down menus within drop down menus. So instead of your normal dropdown menu which shows a submenu when hovering over your main parent links in your navigation bar, a megamenu allows you to have additional parent links and submenus within the dropdown menu. V
-
08:53 Popular
Adjusting Divi Button Styles In The Theme Customizer
Added 108 Views / 0 LikesChange the look and feel of your buttons to give your site a unique look. View full documentation: https://www.elegantthemes.com/documentation/divi/customizer-buttons/
-
07:36 Popular
How to Use Divi’s New Filter Options to Beautify Your Images
Added 108 Views / 0 LikesOne of Divi’s new updates is one that’ll come in handy when designing all kinds of websites. The new filter options, effects and blend options make using Photoshop while designing your next website almost unnecessary. To help you get started with them, we’re going to show you how you can beautify your images within Divi itself by using the new filter options in particular. These options allow you to see, in real time, how your image works with the res
-
01:37 Popular
Divi Blank Page Template
Added 108 Views / 0 LikesThe blank page template disabled your header and footer and a specific page, leaving only what is built with the builder visible. This is a great way to create unique landing pages that are separate from the rest of your website. For example, you might create a sales landing page, a coming soon page, a newsletter optin page, or a maintenance mode page.When you create a new page, you will notice a settings box on the side of your screen called “Page At
-
09:02 Popular
An Overview Of Divi Sections
Added 108 Views / 0 LikesSections are the biggest building block in the Divi builder. You can think of them as horizontal stacking blocks that can group your content into visually distinguishable areas. In Divi, everything you build starts with a section. This content wrapper has various settings that can be used to do some really awesome things. View full documentation here: https://www.elegantthemes.com/documentation/divi/sections/
-
05:08 Popular
How To Customize The Style Of Contact Form 7 To Match Your Website
Added 108 Views / 0 LikesLearn how to customize the style of Contact Form 7 to match your website. Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-customize-the-style-of-contact-form-7-to-match-your-website Like us on Facebook: https://www.facebook.com/elegantthemes/ With over a million active installs, Contact Form 7 is by far one of the most popular WordPress plugins ever. It's simple yet. Contact Form 7 is so simple that it seems literally anyone can use i
-
13:08 Popular
How to Add Subtle & Animated Shapes to Your Website with Divi
Added 108 Views / 0 LikesWho doesn't love subtle animations on their website? They are super interactive and give a nice kind of complexity to your website. They're not the focus of your website but help your website look gorgeous and professional at the same time. In this tutorial, we're going to show you how to add subtle and animated shapes using Divi's built-in options. No extra CSS code needed. Once you get the approach and practice with the examples below, the sky becom
-
17:40 Popular
How to Use Divi’s Selective Sync to Customize Your Entire Grid Layout with A Few Clicks
Added 108 Views / 0 LikesDesigning an impressive grid layout can be tricky. Whether you are showcasing your portfolio or featuring products online, you want that grid layout to be distinct and catch the visitor’s eye. Because a grid has repetitive blocks of content, one small modification can drastically impact the overall design. That’s why it helps to have a design tool like Divi’s visual builder. With the power of global library items and selective sync, perfecting the des
-
06:19 Popular
How to Create Pop Out Sections with Divi’s Boxed Layout
Added 108 Views / 0 LikesIn this tutorial, I’ll be showing you how to use Divi’s box layout and the Divi Builder to create pop out sections and rows on your website. All it takes is a small amount of custom CSS that extends the section or row past the page container. You can then make additional adjustments and styling using the Divi Builder. Watch the video here: https://www.elegantthemes.com/blog/divi-resources/how-to-create-pop-out-sections-with-divis-boxed-layout
-
04:48 Popular
Get a FREE Moving Company Layout Pack for Divi
Added 108 Views / 0 LikesLearn more: https://www.elegantthemes.com/blog/divi-resources/get-a-free-moving-company-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 second layout this week, Kenny and his team have created a stunning and highly-professional Moving Company Layout Pack. This layout pack pr
-
1:05:10 Popular
The Weekly WP Roundup with B.J. Keeton (August 31, 2018)
Added 108 Views / 0 LikesEvery Friday afternoon, we get together to talk about news, tutorials, resources, and anything else WordPress related we want to. From Divi to PHP to everything in between, let’s round up the best and brightest and make the afternoon go by just a little quicker. --NEWS Brand New Column Layouts For Divi Are Now Available! https://www.elegantthemes.com/blog/theme-releases/brand-new-column-structures-for-divi Gutenberg, Forks, and the need for an LTS ver
-
17:09 Popular
How to Include the Primary Menu Bar in Your Divi Page Design
Added 108 Views / 0 LikesNavigation is a vital part of the user experience on your website. It’s important to make sure your visitors can navigate seamlessly through your website without having to compromise on aesthetics. By default, the WordPress Primary Menu Bar is placed at the top of every page and is considered separate from the page design you choose to follow. In many cases, though, including your menu in the overall page design can bring stunning results. It’ll give
-
04:30 Popular
7 Best Company Communication Apps
Added 108 Views / 0 LikesIn today’s video, we cover the 7 best company communication apps. Blog post: https://www.elegantthemes.com/blog/business/communication-apps Like us on Facebook: https://www.facebook.com/elegantthemes/
-
41:35 Popular
How to Embed Divi Galleries into Toggles to Create a Custom Restaurant Menu
Added 108 Views / 0 LikesMultistreaming with https://restream.io/ Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website. In this live stream tutorial, I’m going to show you how create a restaurant menu with intuitive and mobile friendly toggles using Divi toggles and galleries. I’ll even show you how to optimize your toggles for mobile and embed Divi image galleries inside of
-
22:04 Popular
Creating Endless Horizontal Swipe Cards for Mobile with Divi
Added 108 Views / 0 LikesSwiping through content is something almost everyone does on a daily basis. It has basically become second nature so it goes without saying that adding it to your website can help improve the overall user experience. In this post, we’ll show you how to create endless horizontal swipe cards that are mainly focused on mobile and tablet devices, where touch is involved. Although this is a mobile-first tutorial, the outcome will work great on desktop as w
-
57:47 Popular
The Weekly WP Roundup with B.J. Keeton (June 28, 2019)
Added 108 Views / 0 LikesHappy Friday, Divi Nation. We are back once again with the best list of tutorials, resources, and news about WordPress that we could find this week. Feel free to throw any questions or comments you have into the chat, and be sure to expand the description of the video so that you can see all of the great work those content creators did that lets us have this show. --NEWS Google Announces Site Kit Plugin Now in Developer Beta https://wptavern.com/googl
-
15:33 Popular
Creating Custom Column Side Navigation for One Pagers with Divi
Added 108 Views / 0 LikesWhen you decide to create a one-pager, the navigation user experience becomes entirely different. Although people aren’t meant to leave the page, you do want to make their stay user-friendly. That’s why most one-pagers use in-page anchor links. You can place these anchor links in a traditional top menu or choose side navigation instead. In this tutorial, we’re going to show you how to create a beautiful column side-navigation design for your page usin
