Download divi theme

Header or footer. If not, please add that now. And of course, add the Twitter social network.If you are using the old header, this tutorial is not for that. I highly recommend converting your old header to the Theme builder header to take advantage of many new features, such as the ability to customize the social icons in Divi. 3. Replace The Divi Twitter Icon With X Using CSSThankfully, Font Awesome was quick, and they already added the X icon to their website, so it is available to use for free in the “Brands” section of icons. The unicode value is e61b, which is the value that determines which icon is used. This is the code that needs to be added to the content property of the icon in the Divi Social Follow module. To replace it, we need to find the selector and update the content property and the font-family property. I already did this for you and you can use the snippet below. Where To Paste The CSS Code 1. Divi AssistantIf you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.2. Child ThemeIf you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.3. Divi Theme Options IntegrationOtherwise, paste this code in your Divi>Theme Options>Custom CSS code box.If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi. /*replace Twitter icon with X in Divi Social Follow module*/.et-social-twitter a.icon:before { content: "\e61b"; font-family: "Font Awesome 6 Brands" !important;} Code For Monarch PluginI was told

Home » Docs » Divi Overlays » Getting Started with Divi Overlays— How to Create a Divi Popup with Divi Overlays For more experienced users, take a look at the Divi Overlays Quickstart instructions below. You will also find an in depth video and written tutorial below.The 8 Step Quickstart Instructions:Download Divi Overlays from the Purchase History page (or the All Access Pass Downloads page for members)Install the .zip file like any other plugin: WP Admin > Plugins > Add New > Upload > ActivateThen go to Divi Overlays > Settings, paste your License Key and click save. (this step is only needed if you purchased directly from us here on Divi Life) (Find your license key in your email receipt or on the Licenses page)Navigate to Divi Overlays > Add New, Activate Divi Builder, and give your Divi Overlay a name.Start creating and skip to step 6, or proceed to the optional steps below to use a templateUse a Divi Overlay Layout Template: Download from the Plugin Layout Templates page of the Customer Portal. Upload directly to the Divi Overlay edit screen by clicking on the portability icon (up and down arrow) on the right side of the Divi Builder.Customize as needed, and adjust settings accordingly.For a click trigger, copy the CSS ID under “Manual Triggers” and paste it into the CSS class field of any Divi section, row, or module to trigger the Divi popup on click. For a timed delay trigger, enable the Timed Delay under “Automatic Triggers”, and set the desired number of seconds.Click Publish!For best results, we recommend creating your Divi Overlays in Divi’s Backend Visual Builder. To use the Visual Builder in the backend (instead of Gutenberg), make sure you have the Classic WordPress Editor enabled (Divi Theme Options > Builder > Advanced > Enable Classic Editor)IntroductionDivi Overlays is the full featured, complete and easy to use tool to create PopUps, modals and overlays, using the Divi Builder. With Divi Overlays, you have complete control of your Overlays with a few clicks.It is important to mention that Divi Overlays needs Divi Theme or Extra Theme by Elegent Themes to work propertly in your site and have PHP 7.2 – 7.4.In this tutorial we will show you how to use Divi Overlays, the interface and how to trigger an overlay with an automatic trigger and one with manual trigger.Step 1: Download and installOnce you purchased Divi Overlays, you will receive an email with your license key and a download link.Download Divi Overlays and you will have a zip file on your computer.You can also download from within the Divi Life Customer Portal > Purchase DownloadsIf you’re an All Access Pass Member, you can download the plugin (along with all other products) to on the All Access Pass Downloads page.1. Go to WordPress dashboard > Plugins > Add new2. Upload plugin3. Choose file > Select divi-overlays.zip4. Activate pluginStep 2: ActivationOnce Divi Overlays is installed is necessary to activate the license key.(this step is only needed if

HERE.” (be sure to remove that text) Where To Paste The CSS Code 1. Divi AssistantIf you are using our Divi Assistant plugin, simply paste the code in the CSS tab in the custom code window in the Divi Visual Builder.2. Child ThemeIf you are using a child theme, paste this code into the style.css file. If you don't have a child theme, you can generate a child theme directly on your site or download our free child theme.3. Divi Theme Options IntegrationOtherwise, paste this code in your Divi>Theme Options>Custom CSS code box.If you need help understanding where to paste the code, please check out our complete guide about where to add custom code In Divi. Default Mobile Menu headerLet’s start with the menu header. This is the part that holds the logo and hamburger menu. There are limited settings in Divi, so this CSS is going to be needed any time you want to change the color or adjust spacing. Edit The Default Menu Header/*edit the default Divi mobile menu header*/#main-header {YOUR CSS HERE} Custom Style IdeasThe following is a list of some ideas for things you might want to do to style the overall submenu. You can choose to do this by placing the snippets into the selector shown above. Remove Or Adjust The Spacingpadding: 0!important; Change The Background Colorbackground: #000000!important; Divi Mobile Menu Logo ImageYou can do a couple things to the logo image as well. On our site, we have the logo overlapping the header and page content, which requires some spacing and sizing adjustments. You could also apply a border or box shadow. Edit The Divi Default Mobile Menu Logo Image/*edit the Divi default mobile menu logo image*/#logo {YOUR CSS HERE} Edit The Divi Mobile Menu Module Logo Image/*edit the Divi mobile menu logo image*/.et_pb_menu__logo img {YOUR CSS HERE} Custom Style IdeasHere are some ideas you could do to style the Divi mobile logo image. You can choose to do this by placing the snippets into the selector shown above. Adjust The Spacingpadding: 30px; Adjust The Widthwidth: 80%; Set A Max Widthmax-width: 200px; Add A