How To Make The Divi Slider Fullscreen | Divi Theme 3.0 Customization - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Darrel Wilson Video: How To Make The Divi Slider Fullscreen | Divi Theme 3.0 Customization.
This is a quick tutorial on how to make the divi slider fullscreen. The divi slider for the divi theme doesnt come like this standard, so you will need to enter some CSS to get the results!
http://www.darrelwilson.com/divi

Here is the CSS You will need to Enter In

Add this in theme options for the divi theme
Add In Theme:
.et_pb_slide {
height: 100vh;
}

After this, you will need to go to the divi slider module and paste this in the Main Element:
main element
height: 100vh;

Shortly after this, you will need to paste this in the "slide title"
margin-top: -200px !important;

For more tutorials like this, or to learn how to make a wordpress website feel free to visit my website. Also make sure to subscribe to my newsletter where i give away divi layouts!

Published: Thursday, August 8, 2019 7:43 AM
Category: Darrel Wilson

91 Views

Related Videos

Popular
How To Make The Divi Menu Transparent | Divi Theme Customization

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

Learn how to make the divi menu transparent in this divi theme tutorial! Its really simple to make the menu transparent. You will need to open up the theme customizer and reduce the transparency in the theme customer! To get 10% off the divi theme, you can purchase it here: http://www.darrelwilson.com/divi Also here is the complete divi theme tutorial: https://www.youtube.com/watch?v=GqJuTs69lCo For more tutorials like this or to learn how to make a w
Popular
Divi Theme Customization: How to Create Diagonal Lines Between Sections in Divi Theme

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

In this divi theme customization, I show you how to add arcs and diagonal lines between sections with the divi theme! You can read more at elegant themes blog. Visit Elegant themes here:https://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project To learn how to make this website, visit my divi theme tutorial here! https://www.youtube.com/watch?v=GqJuTs69lCo&t=1945s The divi theme for wordpress
Divi Theme 3.0 Customization and Review | Tips on Divi 3.0 for Wordpress! MUST WATCH!

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

Learn how to use divi theme 3.0 by elegant themes! In this video, i will show you how screen resolution is very important and why you must use the header text in order to work with lower screen resolutions when making your wordpress website with the divi theme You can purchase the divi with 20% off here: https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=33383&url=https://www.elegantthemes.com/discount/special/ In most cases, many people wh
Divi Theme 3.0 Customization | Tips and Tricks For Divi 3.0 for Wordpress!

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

In this wordpress tutorial for the divi theme, ill show you how to optimize your header text for the mobile devices! When using the text module for divi, its important to change your text to header because this will allow it to be optimal for the mobile and tablet devices! The Divi theme 3.0 just released its new visual editor which makes creating a wordpress website super easy! To purchase the divi theme and get 20% off, click here:https://www.elegan
How To Add A Drop Shadow To The Divi Theme - Divi Theme Customization

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

In this video, i will show you how to add a drop shadow around your modules for the divi theme. Its a pretty simple divi customization but it can add alot to your website. You will need to add this code in the main element CSS box: box-shadow: 0px 0px 30px #900000; NOTE, you can change the color to anything, remember you can find the color code in the color box. To see this shadow in my ecommerce tutorial, you can visit the website here: https://www.y
Divi Theme Customization - How To Use Divi Overlays

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

Get The Plugin Here: https://divilife.com/discount/divi-overlays-darrel-wilson/ In this video, i will introduce you all to a third party plugin for the divi theme called divi overlays. This plugin allows you to create amazing overlays and popups for your wordpress website. It integrats with the divi theme and really can add alot of feature and decor to your website Also, this plugin has a exit intent feature which will create a popup when visitors try
Divi Theme Customization With CSS - Learn CSS With The Divi Theme 3.0

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

You can watch the entire divi theme tutorial i created here: https://www.youtube.com/watch?v=UvX3_vlFf5w&t=318s In this divi theme tutorial, ill show you how to add some custom CSS to create some really nice and unique designs! The CSS for this divi theme tutorial are located below! You can also preview the demo website at https://www.wpdarrel.com NOTICE: MAKE SURE THERE ARE NO SPACES WHATSOEVER OR THE CSS WILL NOT WORK, MAKE IT EXACTLY LIKE THE VIDEO
NEW 3.0 Divi Theme Customization For Wordpress | Create Amazing Animations! -Must WATCH!

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

Purchase Divi Theme: https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=33383&url=https://www.elegantthemes.com/blog/general-news/black-friday-2016Purchase Divi Custom Plugin Extended HEADER MODULE: http://darrelwilson.com/divi-custom View Demo Website Here: http://darrelwilson.com/divi-custom (Use Code "darrelwilson" to save 10% off the entire purchase!) In this tutorial, i will show you how to use a custom plugin to add gradient backround
Popular
FREE and NEW 3.0 Divi Theme Layouts For Wordpress - Review, Tutorial, And Customization!

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

Do you want some free divi theme layouts? In this tutorial, I will show you how to add divi premade layouts along with purchasing your own divi layouts. The New Divi 3.0 allows you to make really cool websites simply and easily. On top of that, here are the links for some of my pre-made divi layouts To purchase my divi layouts and also apply to be a vendor visit here: (use code darrel99 for %50 OFF) http://darrelwilson.com/divi-layouts-sale/ To get a
How To Add The Revolution Slider To The Divi Theme - Divi Theme Customizations

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

In this video, ill show you how to add the slider revolution plugin to the divi theme. If you want to learn how to use the slider revolution, I have a full tutorial on the slider revolution plugin below https://www.youtube.com/watch?v=ZByfu9Bg0B8 For more tutorials like this or to learn how to make a wordpress website, feel free to visit my website at http://www.darrelwilson.com
How to Create a Custom Fullscreen Global Header with Divi’s Theme Builder

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

If you’re looking for a way to create a global header for your website that doesn’t take up a lot of space, you’re going to love this tutorial. We’ll show you how to create a fullscreen global header using Divi’s Theme Builder. While scrolling down the page, the only two things additional you’ll notice on your post/page are 1) a clickable hamburger icon in the top left corner and 2) a logo in the top right corner. These two items will follow your visi
Divi Nation Short - Fullscreen Video Background Using Divi's Fullwidth Header Module

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

In this episode of Divi Nation our host Nathan B. Weller shares a quick tip about how to achieve a fullscreen video background when using Divi's fullwidth header module. Read the accompanying blog post: http://goo.gl/12XNVq 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 Facebook: https://goo.gl/zPFjxj