Your headline is one of your homepage’s most important parts. It’s usually the first piece of copy people read which makes it their first impression. Like any other first impression, you want it to be a good one. Now, if you’re looking for a creative way to showcase your headline, you’ll enjoy this post. In […]

The post How to Add CSS Text Block Animations to Your Headline with Divi appeared first on Elegant Themes Blog.

By default, as soon as you switch over to a mobile device, the shop module turns into a one-column layout. Now, if you’re looking to highlight each product individually, that’s great, but with the bigger smartphone screen sizes nowadays, you might want to allow two products to appear next to each other when using the […]

The post How to Change The Divi Shop Module’s Mobile Column Breakpoint appeared first on Elegant Themes Blog.

Create and manage collections of the plugins you use on a regular basis.
Then bulk upload them to any WordPress website.

https://wpcore.com/

Sent from my Samsung Galaxy smartphone.

https://www.elegantthemes.com/blog/divi-resources/how-to-remove-sidebars-from-divi

Sent from my Samsung Galaxy smartphone.

https://joshhall.co/become-successful-divi-web-designer-full-series/

Sent from my Samsung Galaxy smartphone.

WP Optin Wheel is a gamified list-building tool for WordPress, with WooCommerce coupon integration. Give your visitors a chance to win a prize (coupon or product) by turning the wheel of fortune, in return for their email address.

https://www.producthunt.com/posts/wp-optin-wheel

Sent from my Samsung Galaxy smartphone.

https://pixabay.com/

Sent from my Samsung Galaxy smartphone.

https://www.elegantthemes.com/blog/divi-resources/free-divi-header-extension-provides-20-new-hamburger-menu-styles

Sent from my Samsung Galaxy smartphone.

https://divinotes.com/extract-content-clients-20-easy-questions/

Sent from my Samsung Galaxy smartphone.

Useful for developers who are importing products and want a tool to easily remove the products.

https://wordpress.org/plugins/woocommerce-remove-all-products/

Sent from my Samsung Galaxy smartphone.

There may come a time when you may need to remove all the products in your WooCommerce powered ecommerce website. There’s just no easy way to do this natively in WooCommerce. I needed to do it because I changed the my product data XML file I was using to import into the site. It’s pretty straight forward, but to do it properly, you have to make sure you’re deleting all the additional data such as taxonomy, relationships, etc connected with all the existing products.

I tried using the WooCommerce Remove All Products plugin to do this, but first it didn’t work with my WordPress 4.1.1 installation and second it doesn’t remove any taxonomy.

So, to remove all your products you’ll need access to your PhpMyAdmin or some other tool like Sequel Pro to edit your WordPress database. I’ll be using PhpMyAdmin because its the easiest.

https://www.kingrosales.com/blog/how-to-properly-delete-all-woocommerce-products/

Sent from my Samsung Galaxy smartphone.

https://www.siteground.com/kb/divi-builder-timeout-warning/

Sent from my Samsung Galaxy smartphone.

Divi BodyCommerce is a plugin that tackles the hard or awkward tasks when building a Woocommerce website with the Divi Theme.

It can be seen as a all-in-one plugin for Woocommerce, a swiss army knife.

The main features of BodyCommerce are:

– Customise the Woocommerce account area using the Divi Builder.
– Customise the Woocommerce email template.
– Customise the product page template using the Divi Builder, create different layouts for each category or even specify a specific layout for one product only.
– Customise the product category/shop template using the Divi Builder
– Customise the login page template using the Divi Builder.
– Add a mini cart to your store.
– Ajax add to cart for Woocommerce single and variable products
– Custom improved sale badges for Woocommerce
– Product Slider

Divi BodyCommerce is ever changing, we have ideas which we are going to add in the near future. If you have a problem which you want to overcome, speak to us and we can look at adding this as part of the core plugin.

https://diviengine.com/product/divi-bodycommerce/

Sent from my Samsung Galaxy smartphone.

This revolutionary new plugin allows you to add logic to be used with any divi element element (module, section, row). The system works using shortcodes however, there are a number of pre-set examples and a polished interface to make using this plugin very easy indeed.

On activating the plugin you will see, right away, a new interface at the bottom of any section, row or module called “Display Logic”. Within this section you will find full instructions and some handy controls to get the logic you want. Please see screenshots below this text for a better example!

Examples of use

You might be thinking now “great idea but how would I use it??’. Here’s a few examples we’ve had so far from the community!

• Show a marketing homepage to logged out but show handy links/articles to those logged in
• Show members only content based on WordPress capability or role.
• A restaurant business may wish to show the breakfast menu in the morning but the evening menu in the afternoon
• An eCommerce store may wish to show documentation and post-purchase links to those who are logged in or have purchased (custom php filter)
• Show an article or page to those who have signed up to a mailing list (custom php filter)
• Show offers or holiday wishes on a per country basis..
• Hide your local offers to those who don’t live in the same city
• And many more!

Examples Built-In

https://elegantmarketplace.com/downloads/divi-display-logic/

Sent from my Samsung Galaxy smartphone.

https://wordpress.org/plugins/typed/

Sent from my Samsung Galaxy smartphone.

Caldera Forms Style Customizer for Divi & Extra gives you total control over the look of your forms — all from the customizer, no CSS required. It’s a new Caldera Forms 3rd-party add-on and it’s available today. This add-on was developed by Caldera Forms and Divi community member Pierre Bichet.

What Can You Style?

What can’t you style with this add-on is a better question. Change the size and color of Caldera Forms buttons, inputs, even style the file uploader. Make your checkboxes look cool. Keep your all important lead generation forms totally on brand.

Check out this gallery showing what this new add-on can do and how it works:

https://calderaforms.com/2017/10/styling-caldera-forms-with-divi-just-got-even-easier/

Sent from my Samsung Galaxy smartphone.

this collection of 29 must-have cheat sheets for web designers has got you covered. With everything from CSS&HTML to Sketch and Photoshop cheat sheets, you can save yourself a lot of time googling later and just bookmark this page

http://blog.sellfy.com/cheat-sheets-for-web-designers/

Sent from my Samsung Galaxy smartphone.

https://wow-j.com/en/sp/Allguides/other/tips_manners/01464_en/

Sent from my Samsung Galaxy smartphone.

Divi Overlays is a brand new way to create beautiful full screen overlays, popups, or modals using the Divi Builder.

Divi Overlays takes advantage of the power and flexibility of the Divi Builder which gives you the ability to easily add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc. Or use an automatic trigger such as timed delay, scroll delay, or exit intent!

https://divilife.com/product/divi-overlays/

Sent from my Samsung Galaxy smartphone.

https://www.elegantthemes.com/blog/divi-resources/how-to-give-your-divi-archive-pages-a-masonry-layout

Sent from my Samsung Galaxy smartphone.

https://youtu.be/FNfnSxUUYuc

Sent from my Samsung Galaxy smartphone.

https://en-gb.wordpress.org/plugins/mp-timetable/

Sent from my Samsung Galaxy smartphone.

Last week I was helping out a member of my Facebook Group with creating two lines of text in the Toggle module.

As you may know, the title fields of the Divi modules don’t support HTML, therefore getting two lines of text is close to impossible without JavaScript. But there is a way around this using the :before and :after pseudo elements, and as we have those fields in the advanced tab of the modules, it’s still relatively simple for clients to edit without breaking anything 😉

https://divisoup.com/two-line-toggles-and-buttons-in-divi/

Sent from my Samsung Galaxy smartphone.

https://codecanyon.net/item/events-schedule-wordpress-plugin/14907462

Sent from my Samsung Galaxy smartphone.

Wouldn’t it be nice if there was a quick and easy way to vertically align a Divi Text Module or any other module for that matter in the row that it’s in? Well, many folk would do this with the Divider module or with padding, but in this tutorial, I’ll show you how to do it with a little bit of CSS.

THE EXAMPLE

In the example below you’ll see that both text modules are vertically centered to the row they’re in.

https://divinotes.com/vertically-center-text-or-other-modules-in-a-row/

Sent from my Samsung Galaxy smartphone.

Divi Font Awesome

Add font awesome icons natively in Divi builder

https://elegantmarketplace.com/downloads/divi-font-awesome/

Sent from my Samsung Galaxy smartphone.

https://www.divithemeresources.com/

Divi Plugin Index

A Simple List of Plugins Built Specifically for Divi

Divi Plugins

Divi Community Favorites:

• Divi Booster – makes customizing Divi a breeze
• Aspen Footer Editor – easily edit your Divi website’s footer information
• Divi Builder Everywhere – use the Divi modules in the header, footer and sidebar
• Divi Switch – 43 toggles giving you access to no fewer than 70 customizations in literally thousands of possible combinations
• Divi Widget Builder – lets you build your own widgets using the Divi Page Builder.
• Bloom Email Opt-in – add opt-in forms to your website, by the makers of Divi
• Monarch Social Media Sharing – by the makers of Divi
• Fullwidth Header Extended Module – add various animations and effects to your header
• A Mobile Friendly Divi/Extra Page Builder – make the Builder more usable on mobile devices
• Divi Ghoster – replace Divi and Elegant Themes’ branding with your own brand on the back-end of WordPress
• Divi Image Intense – expands on the Divi imagemodule to give you 20 different overlay and hover effects
• Divi Dashboard Welcome – gives you control over the WordPress dashboard welcome screen
• Divi Staff – manage and display your staff & departments more intuitively using new custom post types, archive templates and modules built exclusively for use with the Divi theme.
• Testify – Create an attractive and engaging testimonial section for your website, including guest submission with Caldera Forms
• Divi Overlays – add any type of content imaginable to an overlay, then trigger it with anything on the page: text links, images, Divi buttons, etc.
• Aspen Grove/Divi Space All Access Pass – Access to all the child themes, layout packs and plugins by Aspen Grove and Divi Space!

Other Handy Divi Plugins:

• Advanced Blurbs – replaces the default Divi icons with the entire Font Awesome collection of over 600 icons.
• Advanced Custom Fields Module – use the popular Advanced Custom Fields plugin without any coding or shortcodes at all
• All in One Extended Module – features from the popular Fullwidth Header Extended in the standard section layout
• Aspen Roots – a “blank” child theme, allowing you to customize each file as you see fit
• Automatic Divi Testimonials – custom post type for testimonials, a module to accompany it, and a submission form.
• Bloom Redirect – set up redirection URL’s for your Bloom forms
• CST Contact Module Plus – greatly enhances the Divi Contact Module, including Google Recaptcha
• Custom Map Extended Module – offers various map styling options
• Divi Admin Color Scheme – adds the Divi color scheme to your WordPress back-end
• Divi Anything Slider – lets you use Divi layouts within the slides
• Divi Auto Title – automatically updates the Admin Label on selected modules, based on the Title field
• Divi Blog Extras – add beautiful, fully-responsive blog layouts and setup your blog layout in minutes
• DiviBooked – booking system for Divi
• Divi Breadcrumbs Module (by DiviBooster) – adds a new Divi Builder module to add breadcrumbs to your layouts.
• Divi Breadcrumbs Module – Generate breadcrumb navigation menus instantly with Divi Breadcrumbs Module
• Divi Client Safe – hides various areas of the WP admin area so clients can’t mess things up!
• Divi Code Snippet Module – adds a new module to the Divi Builder to display code
• Divi Commerce – create unique WooCommerce product page layouts
• Divi Display Logic – show and hide any Divi element (sections, rows and modules) using filters
• Divi Dots – add text to your dot navigation and style the text and dots
• Divi Extended Column Layouts – Free! Adds 5/6/7/8 column layouts
• Divi Header Customizer – easily style your H1’s – H6’s through the Customizer with full Google font library
• Divi Image Module Overlay – gives you nice image swap on a Divi Image module
• Divi Is Mobile – show a separate menu to your mobile visitors
• Divi Logo Manager – allows you to change logos across your website
• Divi Logo Swap – swaps the logo of your website when the page starts to scroll

• Divi Mobile Menu – hide the subpages with a drop down arrow on the mobile menu
• Divi Popup Modal Module – adds the ability to make a modal/popup using Divi
• Divi Section Style Manager– an easy way to add unique sections
• Divi Social Media Icons – adds more social media icons directly to Divi header and footer Social Media elements
• Divi Team Members – quickly add members to your team(s), add their picture, position, bios & social links
• Divi Testimonial Slider – creates a custom post type named ‘Testimonials’ in your dashboard and from there you can add individual testimonials
• Divi Timeline Module – a simple way to add timeline styling to your pages
• Divi Video Lightbox – create videos that open in lightbox with your preferred background color and autoplay
• Divi/Extra Layout Injector – inject layouts with modules in many locations on your website
• DTS Blog Module Pro – adds more options to the Blog module plus others
• DTS Filterable Grid Pro – give your portfolio new 3 or 4 column grid options and filters
• DTS Fullwidth Portfolio Pro – improve your portfolio design and show your projects like never before
• DTS Portfolio Grid Pro – give a brand new look to your portfolio page and impress your customers
• Extra Module Mate – imports all 40+ Divi modules that otherwise are not available for Layouts in Extra
• Gravity Divi Module – makes integrating Gravity Forms intuitive and stylish
• KK Divi Mods – a collection of commonly sought Divi modifications
• Migrate Divi Theme Settings – simplifies saving and moving theme settings
• Owl Carousel and Owl Carousel Pro – choose which content to display in a carousel
• Portfolio Layout Posts and Portfolio Posts Pro – load posts instead of projects in the portfolio layouts.
• SB Add New From Library – add saved library layouts straight onto a page or post
• Simple CSV & XML Import to Woocommerce – import hundreds or thousands of products from your .csv or .xml file
• Simple Divi Shortcode – adds a shortcode to each library item allowing to insert a module/section/layout inside another module content (or inside a .php template)
• Taxonomy/Author Archive Layout Injector – edit the layout of the Category, Tag and any other registered taxonomy
• Toolset – allows users to add custom post types, custom search and much more without PHP
• Woo Layout Injector – allows you to edit the layout of the WooCommerce single product pages, the shop page and product category pages
• WPML – allows you to translate pages built with Divi

Sent from my Samsung Galaxy smartphone.

Our Divi Plugins are custom WordPress plugins developed specifically for the Divi theme by Elegant Themes, extending the functionality and features of the Divi theme. Divi Plugins are also easy to use. Simply install one of our plugins and you’ll find new modules within the Divi page builder. You can use the new modules just like you use the default modules that come pre-loaded with the Divi theme. And just like the default Divi modules, our plugins are easily configured in the module settings.

Divi Plugins are also consistently updated to work with the latest version of the Divi theme. So what are you waiting for? Stop spending countless hours in the Elegant Themes support forum! Download a Divi Plugin and super charge your Divi website with new modules!

https://diviplugins.com/

Sent from my Samsung Galaxy smartphone.

One of the greatest advantages to Divi is the vast amount of tutorials available across the web. If there’s something you want to learn how to do with Divi, chances are there’s a tutorial for it. In this article we’ll take a look at 9 Divi theme tutorials to transform your Divi site.

https://divicake.com/blog/9-divi-theme-tutorials-transform-divi-site/

Sent from my Samsung Galaxy smartphone.

R33: HOW TO USE CSS GRID IN DIVI

by Michelle | Sep 13, 2017 | Advanced, CSS Tips & Tricks, Layouts | 0 comments

I’ve been creating a lot of layouts recently that require breaking out of the constraints Divi imposes through its 4 column layout limit.

There are a number of ways to achieve this; the built in column shortcodes, specialty sections, floats, flexbox and even plugins.

But the single most powerful and more importantly, fun way to do this is to use CSS Grids.

I’m in love with CSS Grids. Seriously, this relatively new CSS3 functionality is going to change your life!

https://divisoup.com/how-to-use-css-grid-in-divi/

Sent from my Samsung Galaxy smartphone.

https://hackrepair.com/articles/wordpress/how-to-add-a-new-wordpress-user-without-logging-into-wordpress

Sent from my Samsung Galaxy smartphone.

Description

Site operators can create detailed, hierarchical documentation for the site’s authors, editors, and contributors, viewable in the WordPress admin. Powered by Custom Post Types, you get all the power of WordPress to create, edit, and arrange your documentation. Perfect for customized client sites. Never send another “here’s how to use your site” e-mail again!

NEW: You can now pull in help documents from another WP Help install, and they will be automatically updated when the source documents change (even additions and deletions!). Perfect for WordPress multisite installs, or consultants with a large number of client installs.

https://wordpress.org/plugins/wp-help/

Sent from my Samsung Galaxy smartphone.