We support Divi's mission through the development of Divi custom modules and Divi child themes that focus on. Bookmark the permalink. Custom WooCommerce with Divi Customize your catalog , shop, checkout, and product pages to maximize sales and performance. Add your module, adjust the content as needed and then in the Advanced tab, give the module two classes of ds-grid-item and ds-grid-item1 separated by a space (this is a grid item). This is a great start to design a website that doesn't look like the same old Divi website. Elegant Themes Divi Wordpress Theme – Version 3. With these amazing websites, plugin, and tutorial, there’s sure to be something here to help with your next Divi footer design. It’s actually not part of my theme. Use any of the preexisting modules as an example or basis for your new one. Custom Height for Header and Footer. If you want to customize Footer colors and Background manually, you can enable Custom Settings: Also you can set other areas up on the Widgets page (Appearance > Widgets) and choose from the suggested widgets. Create a new page and activate the Divi Builder. The Divi Builder alone is a powerful tool in its own right. As usual, I was browsing Divi groups, and looking around and stumbled across this gem. This means it can seem hard to find for the basic Divi Theme user. With its stunning parallax features, image hover transitions, custom header, green color palette, and other built in custom features, you will give your business a professional and modern online presence. Option 2 – Divi Theme Options. Click the page settings hamburger icon Into the ‘Custom CSS’ field, paste the code below That it, you now have a sticky footer on the page you apply this CSS to. I will explain in it how to do it. You can add the standard WP Widgets in Appearance>Widgets and slide them across into Footer Widget Area One-Two-Three. However, since WordPress is open-source it is possible to use a custom file. The Custom 404 Page Feature. It is an interface within Divi that gives the ability to the Divi Builder to create custom theme templates. by Fabrice | 15 Jul,2016 this layout and the footer) (DIVI 3. Plus, you can also make the custom menu sticky / fixed on scroll. You can also place your code in a file with JS extension (e. To apply headers and footers to multiple files, see Batch Processing Headers and Footers. All it takes is creating different header and footer templates, and assigning the proper conditions for each template, attributing the headers and footers to the relevant pages of your site. The icons divi comes with are great and sure there are a lot of free/paid ones out there but a lot of times I find myself needing to use custom ones and adding it in as an image isnt the best option. There are hundreds of free or paid themes and templates to use without any complicated skills to master. Todays update gives you custom Divi Footers. Footer Custom Elements; Inner Page Header Custom Elements; Blog Page Custom Elements; FAQ Page Custom Elements; See all 18 articles lavanya. We know Divi will receive a Theme Builder update, but from comments, it sounds far away. The Post Content Module is a special module available when creating a Body Area Layout for a template in the Divi Theme Builder. By using Divi Ultimate Blog Plugin, you get to add post navigation across your Divi blog post globally. If you navigate to Appearance Custom CSS, you’ll get our custom CSS editor. home & office. Use any of the preexisting modules as an example or basis for your new one. This is the latest version which was last updated on August 09, 2018 on elegantthemes. Use the Divi Den Pro Theme Builder to set up one header, a footer and a menu. Tom Brady Jimmy Garoppolo Patrick Mahomes Drew Brees Aaron Rodgers. These are: Facebook Twitter Google+ RSS This will only work if you don't already use the RSS icon, as we will be replacing it with the instagram logo and link. However, you can follow these simple steps to insert a custom header or footer into your. You can build one layout to be used for all categories. Go to your Divi Library and select Add New. Anyway, given the idea of making sure our punctuation marks have a different appearance, we can create some CSS as such:. The Solution: Use your Magento theme with WordPress. The more you use this theme, the more new features and different ways of working you will discover. {"before_content":". A Premium Child Theme for Divi. Divi Builder doesn't offer anything similar right now. Blog Lucky in Love, Unlucky in Leases Getting started with VR. That’s it, you will have Divi builder enabled on your custom post types. Extra is packed with features and the above are just some of the highlights. With these amazing websites, plugin, and tutorial, there’s sure to be something here to help with your next Divi footer design. Divi Builder Footer. The plugin adds a new custom post type for the archive layouts to keep everything organized. First things first: You’ll need a Divi child theme if you haven’t already created one: How to create a Divi child theme in simple steps (stylesheet only). In this simple Divi Theme Tutorial, I am going to show you how you can change the alignment of the text in your footer. The only problem I could see is the possibility exists that you or one of the other users will have one or more building blocks defined in wdTypeCustomX either in the current or some other template loaded in the templates collection that are not intended as "Custom Footers". Best Boiler Deals Glasgow! Offers for spa packages & spa days - Spa coupons 54th street bar and grill & Beauty - best boiler deals glasgow 5pm. In this comparison chart, we'll focus specifically on the advantages of using Oxygen over our competitors. With Divi Toolbox, you have the ability to customize the most important features in Divi without the headache of trying to custom code everything with CSS and PHP. To change the footer in the WordPress Divi theme, you must edit the footer. Dovetail: Custom CSS for header & footer color. When Pasting Code Inside New Text Widget. TLDR; Divi is the most intuitive and easiest to use and the support and community is the best out there. Divi is very flexible but choosing dedicated directory theme will make your life easier because of all custom fields, search filters, star ratings and much more. Divi Theme Builder will not only add a header builder and footer builder but also it will be a true theme builder. Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. 0 The Divi WordPress theme from Elegant Themes is a fantastic theme. Our Divi plugins are fast, reliable and extremely easy to use. You can get more details or ask queries at [email protected] My plugins for Divi theme:. We want to hear from you. And assign those custom templates to pages or posts of the website. Fiverr freelancer will provide WordPress services and creat ur website les than 1 day with divi including Number of Pages within 2 days. One of the most important parts of this feature is being able to. One of the most important parts of this feature is being able to dynamically add global footers to your pages and posts. Footer Bottom Bar Divi Toolbox Footer Custom Layouts. That's a deal breaker for me. Divi by Elegant Themes: Change Footer Links & Style Social Icons If you didn't already know, Divi is a new parent theme created by Elegant themes which is apparently their most flexible theme. It comes with a header and footer builder though, so you could probably just pick any barebones theme. In the Content section, click Edit Design. This is the latest version which was last updated on August 09, 2018 on elegantthemes. Every Divi website seems to have at least one page where the content doesn't fill the screen, resulting in a footer that floats up off the bottom, leaving the page background showing underneath. In order to use the Nouvelles child theme, you will need the Divi parent theme for WordPress, which is not included with this product. Divi is the latest theme from Elegant Themes and is available as part of their pack of 87 themes and 3 plugins. The Divi theme is not that great, there are much better themes available today and many Divi Builder users don’t use the Divi theme. In this case, you should replace the text widget with custom HTML widget. It’s software, it happens to them all, and it does not mean that Divi is bad. 12 – Premium WordPress Theme Nulled. Set Up the Header or Footer Template. Applying a custom header and footer on communication sites and modern team sites Although the title of this post indicates the particular objective I achieved, this post walks through the steps that are necessary for any scenario that requires you to have access to the classic page experience on a communication site or modern team site in. Exactly what our team was looking for to make our entire website come together. Lavanya Changelog; Where can I edit my Footer? Content Intense. Divi Theme Custom Footer Layout. I added the code as indicated and the footer now sticks closer to the bottom of my screen, but it still leaves some of the background showing towards the bottom of the screen. Top NFL Players. Add Divi Accessibility and in 2 minutes you will have a more accessible Divi site. The Divi Theme Builder marks a new era and changes the way we design websites. You can even apply additional effects to your footer (see the examples in the video). You can replace the default layout (including blog posts, Woocommerce pages etc) and/or add elements above your default footer without having to add and custom. Divi Theme Builder will not only add a header builder and footer builder but also it will be a true theme builder. Using Toolset, you can display your products as a grid, list, table, and in any other way you choose. On the other hand, Divi builder doesn't offer something pretty similar right now. But the only options are for Facebook, Twitter, Google+ and RSS. Divi makes it super easy to find the perfect font to use. Navigate to Appearance > Header within the WordPress administration. In this tutorial, I show you Where to Put Your Custom CSS in Divi. In this way, You can add text, sitemap in the footer of the WordPress website. Having a custom footer on your Divi website is a common need. I am sorry to hear about the change in compatibility with our plugins and with the Divi theme. Salesforce Users Email List | Salesforce Users Mailing List. View the best plugins for Divi available to buy or download for free in our directory. With the help of Divi Theme Builder, we'll be able to create custom post/page templates, archive page templates without touching php. - Fixed the issue when The New Divi Experience Optin Modal was wrongly displayed in some cases. But, what if you start to get how the css works and want to add custom css to lots of different elements of your site? Add CSS and JS Divi site. Divi builder works well with almost all popular WordPress themes. Go to Divi Theme Options, then add the following code in the Custom CSS and Save it. The plugin adds a new custom post type for the archive layouts to keep everything organized. Option 2 – Divi Theme Options. So can a custom coded WordPress theme, which is a good option for those jobs, as such a custom coded theme (if done properly) will be future-proof and fast in a way few, if any, WordPress theme frameworks can match. To use Footer Template, login to your WordPress admin panel, on the admin menu, navigate to the Divi Supreme Pro-> Footer Template. Fashion or Famine. It paid for itself on the first use as I didn’t know how I was going to make this work without some custom solution or just making a standard lame menu without the animation. The Divi Theme by Elegant Themes is very popular, but unfortunately, it is extremely lacking in header customization options. Constitution, and The Bill of Right, God, Bible, Authority of civil government. Flooring | Quality Flooring, Ideas, & Installation | Flooring America Visit the on sale now page to see our current promotions on superior flooring products and special no interest financing offers. There are a number of ways to achieve this; the built in column shortcodes, specialty sections, floats, flexbox and even plugins. As mentioned above, we recommend going the child theme add stylesheet route, even if it is a bit more tricky to manage in the beginning. That will cause the default Divi footer. Divi Theme Review: Redefining The Visual Editing Experience In mid-2015 I became increasingly interested in using Divi as a starting point to launch several websites. “Wonderful place to enjoy the island”. Divi is an all-purpose theme that's virtually unlimited in the types of websites it can build. This module us great for adding widgets to your page. Grab our Free Divi layouts and our exclusive course. THE ASPEN FOOTER EDITOR. It gives you the ability to create custom layouts and populate them with a range of useful modules. There are a number of ways you can use anchor links in Divi to help your visitors quickly navigate between relevant content, today I will show you 3 of those. How to Use the Post Content Module in the Divi Theme Builder » Search Engine Optimization News - SEO News » The Post Content Module is a special module available when creating a Body Area Layout for a template in the Divi Theme Builder. As you can probably guess by now, TranslatePress lets you use the same point-and-click approach to translate your forms, too. 0, we've integrated the latest version of Page Builder Everywhere 2. In this blog post, I'll guide you on where to find Divi Theme Builder in Divi 4. So, remember how we injected a custom footer? Well, this is about the same level of coolness, but it applies to everything. Don't limit yourself with the default Divi footer or 404 page. Basically, you use the WordPress Customizer to style all of the areas that the Divi Builder can’t touch. Add Divi Accessibility and in 2 minutes you will have a more accessible Divi site. I've received numerous questions on how I access my Divi stylesheet as shown in my tutorials so I'm excited to walk you through how I. Download Divi 3. Before reporting issues please make sure to update - it might save you and us a lot of time and headaches :). One of the most important parts of this feature is being able to. Wades Total Tree Service: tree trimming experts in Nashville. Purchase Support & Automatic Downloads from the Developers: Elegant Themes Divi Wordpress Theme. Custom 404 page with widgetized area. However, our websites and clients can’t wait for a custom Divi header that stands out. - Fixed the issue when The New Divi Experience Optin Modal was wrongly displayed in some cases. Sambokojin Megamall Price Per Head; Agb Nielsen Mega Manila Ratings 2019!. Check what Divi users say about Creative Child Themes. Use these Upfront XML elements in Upfront XML commands. gameday & tailgate. However, the set of icons is quite limited. Good job on this one Skysa! Daniel at WIKD; I really love this app. I've been using it since it came out and I'm really impressed with all it's features and ease of use when it comes to its page builder. Please try again soon. Having one main menu is fine for lots of sites but sometimes it’s nice to be able to split your content between a Primary and Secondary Menu or even have a Footer Menu beneath your Footer area. Hey Ronald, Thanks for reaching out. CenterFooter = Format(Date, "mmmm dd, yyyy") End With End Sub. Divi Ultimate Header Plugin allows you to replace the default Divi header & navigation globally with one of our premade custom Divi header design in a single click. This saves a lot of time and also allows you to use the footer on Archive pages and WooCommerce pages. In this article I will explain you how to do it. Free Download Divi v3. You can select any layout saved in the Divi Library and display it in the footer area of your website in one of the following locations:. Most themes come with easy-to-use admin panels for customizing headers, footers, and other areas of a page. With Divi's font management, custom font uploading, and font weight controls, you have full control of your sites typography. JSON files into your Divi library or using the Divi portability feature to drag & drop layouts directly into your web page using the Divi Visual Builder. Now select the items that you created or if you have imported the pre-made layout, select the item " Footer Custom 1 (CCT) ". If the setting is already configured, hover over the setting and click Edit or Add. By default, Divi has 4 icons in the footer, which may be configured in the Divi Theme Options. Divi Supreme Modules plugin enhances the experience and features found on Divi and extend with custom creative modules to help you build amazing websites. There are ways to fully customize the user experience beyond the default WooCommerce layout. Now that you have the URL of the image you want to use on mobile devices, you need to place the following CSS into your child theme's style. They join. Plus premium allows to copy by click on the shortcode. After that, it’s up to you to write custom CSS code each time you want one of Font Awesome’s beautiful 600+ icons to show up on your Divi website. Landscapes 2. The Divi features large images and stylish typography on the Fashion and Famine website, which shows that we don't need to use Divi's many advanced design modules to build an excellent website. Go beyond that. Maisons is compatible with Divi 3. With this feature, you can add custom footer text and change the colour, size, hyperlink, and even add images & videos! The best part?. The image on the right illustrates this. Divi Children plugin: Customize Divi easily through a child theme Posted by Luis Alejandre on Aug 24, 2014 in Plugins , Reviews | 44 comments Today I´m going to talk about a plugin developed to automatically create child themes, but specifically for a particular parent theme: Divi , by Elegant Themes. Do note that if the custom footer height is bigger than your screen height, it will revert back to original scrolling behaviour. However, unlike Divis default Circle Counter, you are not forced to count numbers between 0 and 100 but you can count any number you want. I was wondering if I could use css but I am not sure I can do that in a widget. net article. Skip to Main Content Skip to Footer. To add the layout pack to your own website, download the zipped file using the link below. I switch off my theme’s footer completely and instead use the Elementor page builder to build my footer template. We are going to create a custom section which we are going to use for the footer and save it in our Divi library then we inject this section with a hook in the footer of our website. CustomDrawFooterCell event. It means you can use Elementor interface to build every single part of your theme- including header and footer. Fast, great looking websites, SEO and WooCommerce ready, getting you results. That's a deal breaker for me. A few weeks ago I released the Atlantic Wave Social Media plugin for Divi. DIVI Mobile Logo Size: Change DIVI logo size under mobile devices. Use ProPhoto layouts to make custom page designs or other variations of your design for specific pages of your website. As for the custom CSS in the Divi Theme options, you said that it DID transfer over, so you should be good to go. That’s it, you will have Divi builder enabled on your custom post types. Click Load From Library > Add From Library > Adventure. This will change soon (See Theme Builder Sneek Peak). Step: Add a widget to your footer. 2013 107000km Diesel. This pulls in the site title and tagline from your general settings (Settings>General OR Theme Customizer>General Settings>Site Identity) in the. "It is a pleasure to work with Fabio! He is a very talented Wordpress developer & designer, we couldn't be happier with the job he did for us. But if you're using Divi Builder with the Astra theme, you can still build custom headers or footers with Divi Builder (or Elementor) using Astra Pro's Custom Layout module functionality. [Resolved] Divi shop module category product not appearing We have just released WPML 4. We are a professional and creative website designer and developer. You can even upload your own custom fonts if you so desire. Can you use Divi and Elementor on the same website? Yes, you can use Divi and Elementor together. From the campaign builder. That will cause the default Divi footer. Divi Builder Footer. To use a section as a footer, we would have to include it on all the pages we create manually. You have access to the same set of tools you use for page building. Grab our Free Divi layouts and our exclusive course. Most Font Awesome plugins for Divi make it easy to load up the Font Awesome stylesheet on your website but that’s where their help ends. You can also select Header, Footer, or Page Number in the Header & Footer group on the Insert tab of the Ribbon (more about this later). Description. As you’ve seen above, we added a single column row that will hold the contents of our archive page. It’s a really simple install. Change the copy. 0 tutorial steps to. Step: Add a widget to your footer. Contact Carol's Carpet Flooring America in Prattville, AL for more information. September 30, 2004. We want to hear from you. Locate your plugin’s ZIP file, and select Install Now. I am sorry to hear about the change in compatibility with our plugins and with the Divi theme. Learn how to use the new Divi 3. If you have a number of edits, it is better to use a stylesheet (more on that later). Divi Theme is responsive and unlimited for personal or commercial use. Now assign the elements in the Divi Theme Options > General > Custom CSS. In this tutorial, I will be covering how you can accomplish this. Adding custom header and footer to csv files (SSIS Series) and 9 for the footer. First things first: You'll need a Divi child theme if you haven't already created one: How to create a Divi child theme in simple steps (stylesheet only). How to use and read a vernier caliper?/title> ENQUIRY Get Training | Partner. From the campaign builder. Use the Divi Den Pro Theme Builder to set up one header, a footer and a menu. You can then add/remove individual icons through the epanel. In this series of videos we are going to build an online eCommerce store using the awesome Divi WordPress Theme. elements of your Divi forms. Gravity Divi is a custom module for Divi that makes integrating Gravity Forms intuitive and stylish. Divi Ultimate Footer Plugin. Now it shows up on every page and you only have to make the changes in one place. Customising These Footers Divi Layout UI Kit Modules. Tide With Febreze Printable Coupon; Great Gloves Online Coupon Codes! 2 off Tide Detergent–Just Print Coupons Print 00+ in Free Coupons Now!!. Divi Ultimate Header adds 5 new header designs to Divi's Theme Customizer. Today, I’m going to share with you our most commonly used Divi tweaks. Using Divi builder with Astra Theme, you can still build custom headers or footers with Divi Builder. TLDR; Divi is the most intuitive and easiest to use and the support and community is the best out there. The more you use this theme, the more new features and different ways of working you will discover. First and foremost, Divi 4. Change Management/. With over 200+ Divi library items, Divi Ultimate is the most powerful & best Agency Divi child theme ever. how to create a footer in Divi visual builder. That’s it, you will have Divi builder enabled on your custom post types. But, Divi is limited in customisation for headers, footers, archive, and blog pages without workarounds or third-party add-ons. Grab our Free Divi layouts and our exclusive course. The lightweight design provides a light, secure fit. - Fixed modules settings popover delay on hover. Divi Ultimate Header Plugin allows you to replace the default Divi header & navigation globally with one of our premade custom Divi header design in a single click. php file to display ALL post types on your website, so if you create, for example, catalog post type, Divi will display it using single. This entry was posted in Divi Customization, Tips & Tricks, Frequently Asked Questions, Creative, General know-how, Video Tutorials, Divi Hacks, Divi Web Designer Resources, Divi Resources, Footer, Divi Layouts, Solution Repository and tagged Custom Footer. You can select any layout saved in the Divi Library and display it in the footer area of your website in one of the following locations:. In this blog post, I'll guide you on where to find Divi Theme Builder in Divi 4. Our Divi plugins are fast, reliable and extremely easy to use. As an example I just use a simple Data Flow Task with an OLEDB Source. That will cause the default Divi footer. nevonexpress. Custom Header Tablet And Mobile To edit the header for tablet and mobile go to Divi > Divi library and open the Custom Header Tablet/Mobile. Divi Booster 3. Check all DiviBooster features. Someone suggested reducing the size from 300px to 200px and I can't find how I do that. To create your own single post template for your custom post type: 1- Locate the single. Beaver Builder supports shortcodes and widgets so you can use your other favorite plugins. In this simple Divi Theme Tutorial, I am going to show you how you can change the alignment of the text in your footer. We want to hear from you. 12 – Premium WordPress Theme Nulled. From customizer settings, any footer style can be selected for use throughout the website. Not the best layout, but still functional. In this comparison chart, we'll focus specifically on the advantages of using Oxygen over our competitors. As for the custom CSS in the Divi Theme options, you said that it DID transfer over, so you should be good to go. That's a deal breaker for me. Wordpress Theme Divi Child Theme Divi Builder Template Custom Website Va Social Media Marketing Writer Course Digital Marketer Blogging Blog Feminine Divi Layout Coaching Virtual Assistant Creative Market is the world's marketplace for design. That’s our look at 10 creative Divi footer designs for inspiration. What if it automatically injected in all the page? The Divi Global Footer Injector does just that. Anyone have a suggestion?. Divi is the latest theme from Elegant Themes and is available as part of their pack of 87 themes and 3 plugins. This saves a lot of time and also allows you to use the footer on Archive pages and WooCommerce pages. Use Google Captcha on Divi Contact form; In Divi? I'm using a one-column footer setup with a single text-widget. The only difficulty that people face when trying to use a theme like Divi is that often their page builder doesn't apply to the custom post types of third-party plugins (such as LearnDash). if a name is specified then a specialised footer footer-{name}. Display your spirit with officially licensed St. Building a custom Divi menu takes more skill than simply dragging things in to place. Before reporting issues please make sure to update - it might save you and us a lot of time and headaches :). What if it automatically injected in all the page? The Divi Global Footer Injector does just that. free version does the same, premium just add comfort by showing the exact shortcode to use inside a new column on divi library or inside editor. Re: How to use reVision on custom hpfm? Hi Guys, Please find attached below, the zc702_pfm. ① Copy the. Every Tuesday for 12 weeks, I'm dishing out video tutorials for my top requested questions on Design, Layouts or Tricks with WordPress and Divi. Divi Theme Review: Redefining The Visual Editing Experience In mid-2015 I became increasingly interested in using Divi as a starting point to launch several websites. In depth demos and tutorials teaching you how to use GrapeCity Documents for Excel, Java Edition, a high-performance java spreadsheet component that gives developers a comprehensive API to quickly create, manipulate, convert, and share Microsoft Excel-compatible spreadsheets. Divi builder works well with almost all popular WordPress themes. The tip is that you can add and use a custom font with the Divi theme. To add the layout pack to your own website, download the zipped file using the link below. Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. If you want a highly customizable WordPress theme, then you can use Divi Theme. In this tutorial, I will be covering how you can accomplish this. "It is a pleasure to work with Fabio! He is a very talented Wordpress developer & designer, we couldn't be happier with the job he did for us. Supercharge Divi theme with Divi Extended plugins. That's the bad news. Having one main menu is fine for lots of sites but sometimes it's nice to be able to split your content between a Primary and Secondary Menu or even have a Footer Menu beneath your Footer area. Use Google Captcha on Divi Contact form; In Divi? I'm using a one-column footer setup with a single text-widget. Counter for Divi can not only use a number but also a circle. Our Divi plugins are fast, reliable and extremely easy to use. The Divi theme adds a beautiful custom background image that complements the site's elegant color scheme. To close the header/footer and return to the document,. The default Footer area can be easily modified - see Snippet. There are, unfortunately, still some annoyances that come with using Divi. php file to take over. View all the free Divi layout packs by Elegant Themes. In today's tutorial we show you: how to build a custom menu that stands out from the basic Divi menu. The way I am displaying the module is by using it's shortcode at the bottom of my child theme's header. Footers are usually just made with widgets, and they do okay with what they have. You must use the full jQuery instead. Can't activate your API key? Content Intense Release Notes; Content Intense Changelog; Arrow. The key feature of Divi is its drag and drop builder. Someone suggested reducing the size from 300px to 200px and I can't find how I do that. Then display them everywhere on your site at the same time. Q: I need a button to go on the footer widget. I usually end up using Divi Booster. You can then add/remove individual icons through the epanel. Hence, for example , the sound of a passing car 400 Loan For 90 Days might be interpreted as just like the roar of the jet motor. What the poster didn't explain was that in your page's Custom Field name, you have to use the exact same description/keyword name you defined in the DIVI Page SEO options. Are you facing problem in dealing with the divi layout? Our website will provide you with access to several divi theme layouts and child themes for designing your WordPress site. In depth demos and tutorials teaching you how to use GrapeCity Documents for Excel. But, Divi is limited in customisation for headers, footers, archive, and blog pages without workarounds or third-party add-ons. Including 60+ professional layouts, Ultra has done something better than Divi to help you build a creative web page almost immediately. Here are the steps to accomplish this tutorial: The first step is to create your icon. The default Footer area can be easily modified - see Snippet. onLoad = function b. Template Files Template files are the building blocks which come together to create your site. YouDivi's templates uses lots of custom CSS and JS.