Web Hosting

Turning Divi’s Shop Module into Dynamic Product Swipe Cards on Mobile

When building a landing page for specific products, whether it’s a new launch or a sale you’re preparing for, chances are high you’ll use the Shop Module at some point. Divi’s Shop Module allows you to dynamically pull products from the WooCommerce plugin and style the products using Divi’s built-in options. Now, by default, the […]

The post Turning Divi’s Shop Module into Dynamic Product Swipe Cards on Mobile appeared first on Elegant Themes Blog.

READ THE FULL BLOG POST

open.php?u=9ae7aa91c578052b052b864d6&id=7c4b5cdbd6&e=018bded9c1

How to Build a Divi Notification Box for COVID-19 Updates (FREE Download)

There is always a need for notification boxes on a website. They are helpful additions that supply important information to users where they can see it. Unfortunately, the growing COVID-19 epidemic has left many websites with the pressing need to keep their users updated. A notification box is a great way to do it. Today, […]

The post How to Build a Divi Notification Box for COVID-19 Updates (FREE Download) appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=d3548d958e&e=018bded9c1

How to Swap Your Divi Header for Another One on Scroll

Your header inevitably remains one of your website’s most important elements. It influences your visitors’ navigation process and allows them to find what they’re looking for in a heartbeat. Now, if you’re looking for a way to swap your Divi header on scroll with another one, you’re going to enjoy this post. We’ll show you […]

The post How to Swap Your Divi Header for Another One on Scroll appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=830fe5184f&e=018bded9c1

How to Animate Parallax Background Images with Divi’s Scroll Effects

Combining scroll effects with parallax background images can create quite a magical design for your visitors. Since the parallax effect already puts the image in motion as the user scrolls down the page, adding additional scroll effects (like horizontal motion and rotation) can really set the design apart and open doors for more creative layouts. […]

The post How to Animate Parallax Background Images with Divi’s Scroll Effects appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=bd3b794dcd&e=018bded9c1

How to Create a Breakaway Image Transition with Divi’s Scroll Effects

Divi’s Scroll Effects allow us to create exceptional transition animations that can wow visitors with an eye-catching design. Images, in particular, can showcase the power of these scroll effects in surprising ways. In this tutorial, we are going to explain step-by-step how to create a breakaway image transition with Divi’s scroll effects. This effect was […]

The post How to Create a Breakaway Image Transition with Divi’s Scroll Effects appeared first on Elegant Themes Blog.

How to Tell Your About Story on Scroll with Divi

How to Tell Your About Story on Scroll with Divi

Your about page is one of the most important pages on your website. It allows people to get to know you better and decide if they’re comfortable to take the next step. If you’re looking for a smooth way to include storytelling in your about page, you’ll love this tutorial. We’ll use Divi’s scroll effects […]

The post How to Tell Your About Story on Scroll with Divi appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=27efeee389&e=018bded9c1

How to Position Buttons Absolutely to Create Unique Button Layouts in Divi

How to Position Buttons Absolutely to Create Unique Button Layouts in Divi

Divi’s built-in position options are a convenient design tool for the precise positioning of any Divi element, including buttons. Most of the time, we rely on the default static position of a button that keeps with the flow of the document (or page). However, if we know how to position buttons absolutely, we can create […]

The post How to Position Buttons Absolutely to Create Unique Button Layouts in Divi appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=93dc7c3d61&e=018bded9c1

How to Create an Envelope Animation with Divi’s Scroll Effects

Envelope Animation with Divi’s Scroll Effects

Every time a new Divi feature comes out, we try to share some cool and useful tutorials that’ll help you think outside the box and get creative with Divi. Today’s tutorial does exactly that. We’ll show you how you can create a responsive envelope animation with Divi’s scroll effects. This is a great way to […]

The post How to Create an Envelope Animation with Divi’s Scroll Effects appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=049afbf9bc&e=018bded9c1

Divi Mega Pro 1.8 is Here! See What’s New! 😍

Divi Mega Pro 1.8 is Here with Dozens of Fixes & Enhancements! 🥳

Divi Mega Pro 1.8 has a lot of behind the scenes fixes and enhancements to make using the plugin much easier and smoother. The most noticeable enhancements though can be scene on mobile!

Read the release post and watch the video to see the new mobile experience and the other additional fixes and enhancements! (plus 10 brand new documentation tutorial videos!)

open.php?u=c402679283dfde0ad93606d34&id=0eb26bfd51&e=8706e6c984

The WordPress Monthly: 5 Scripts for Firing Short Term and Long Term Freelance Clients


If you fire a freelance client, whether short- or long-term, it can be a nerve-wracking experience. Even though we know we’ll feel relief on the other side of the breakup, we dread breaking the news–and then working out the transition period. If you’ve decided to fire a freelance client via email, we’ve pulled together five […]

The post 5 Scripts for Firing Short Term and Long Term Freelance Clients appeared first on Elegant Themes Blog.

READ THE FULL BLOG POST

More Blog Posts From Last Week

5 Scripts for Firing Short Term and Long Term Freelance Clients
Feb 11, 2020 04:00 am | Haley Walden
If you fire a freelance client, whether short- or long-term, it can be a nerve-wracking experience. Even though we know we’ll feel relief on the other side of the breakup, we dread breaking the news–and then working out the transition period. If you’ve decided to fire a freelance client via email, we’ve pulled together five […]

The post 5 Scripts for Firing Short Term and Long Term Freelance Clients appeared first on Elegant Themes Blog.

firing-freelance-clients.png
comments | read more
Like 5 Scripts for Firing Short Term and Long Term Freelance Clients on Facebook Google Plus One Button share on Twitter

DDoS Attacks: What WordPress Users Need to Know
Feb 10, 2020 04:00 am | B.J. Keeton
Anyone running any sort of online enterprise should be wary of DDoS attacks. Or distributed denial of service attacks. Which is basically a long way of saying that someone wants to shut down your website or service, so they send floods of traffic from various points to overwhelm you and make it hard to shut […]

The post DDoS Attacks: What WordPress Users Need to Know appeared first on Elegant Themes Blog.

000-DDoS-Attack.png
comments | read more
Like DDoS Attacks: What WordPress Users Need to Know on Facebook Google Plus One Button share on Twitter

WordCamp Phoenix 2020 Recap
Feb 09, 2020 04:00 am | Nathan B. Weller
This weekend marked the second year of Elegant Themes attending WordCamp Phoenix. Last year, we decided on the spur of the moment to go and check out a new camp on the recommendation of some Divi Community members. While we didn’t have specific expectations, it’s safe to say we were really impressed. At that camp […]

The post WordCamp Phoenix 2020 Recap appeared first on Elegant Themes Blog.

wcphx-2020-featured-image.jpg
comments | read more
Like WordCamp Phoenix 2020 Recap on Facebook Google Plus One Button share on Twitter

How WordPress Users Can Opt Out of Google Analytics Tracking
Feb 08, 2020 04:00 am | Will Morris
Data is the new gold. Almost every website and app collects at least some information about users’ behavior. However, some of your visitors may want to exercise more control over who’s monitoring their online habits. That’s why if you’re using a tool such as Google Analytics, providing an opt-out link is a move in the […]

The post How WordPress Users Can Opt Out of Google Analytics Tracking appeared first on Elegant Themes Blog.

google-analytics-opt-out.png
comments | read more
Like How WordPress Users Can Opt Out of Google Analytics Tracking on Facebook Google Plus One Button share on Twitter

Divi Meetup Network Community Update: January 2020
Feb 07, 2020 04:00 am | Raquel Landefeld
Happy New Year, Divi Nation! It’s 2020 and the first month is already behind us! How’s the kick-off to your year going? Here at Elegant Themes, we’re happy to report that our Divi community is strong and growing! Check out our current stats and community updates. The Divi Nation Meetup Network by the Numbers Total […]

The post Divi Meetup Network Community Update: January 2020 appeared first on Elegant Themes Blog.

divi-community-update-jan-2020.jpg
comments | read more
Like Divi Meetup Network Community Update: January 2020 on Facebook Google Plus One Button share on Twitter

open.php?u=9ae7aa91c578052b052b864d6&id=15fb10520f&e=018bded9c1

How to Float Elements within a Section to Create a Dynamic Scrolling Effect in Divi

Floating elements within a section can provide an effective and unique way to reveal content as the user scrolls down the page. With Divi, you can float elements simply by giving them a fixed position using the built-in position options available. And when you combine the fixed elements with static elements, animation, and parallax, your […]

The post How to Float Elements within a Section to Create a Dynamic Scrolling Effect in Divi appeared first on Elegant Themes Blog.

How to Include a Summary Box Divi Layout Block in Your Gutenberg Post

Creating valuable blog posts takes time and effort. Besides finding the best topics to write about in your niche, it’s also important to keep readers engaged and allow them to find the information they’re looking for quickly. Now, a good way to approach this kind of user experience is by sharing a visual summary box […]

The post How to Include a Summary Box Divi Layout Block in Your Gutenberg Post appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=6562eed7ed&e=018bded9c1

How to Create Gradient Background Animation in Divi (2 Ways)

Gradient background animation can be a beautiful design technique for making background colors come to life on your website. It is a perfect solution for those who want something more lifelike than a static background color without having to resort to slow-loading video background. The basic idea behind gradient background animation is to use CSS […]

The post How to Create Gradient Background Animation in Divi (2 Ways) appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=fe45c31b37&e=018bded9c1

How to Add a Divi Email Optin to Your Gutenburg Blog Post

The Divi Layout Block opens the door for many convenient ways to bring the powerful design features of the Divi Builder to WordPress’s default block editor (Gutenberg). This allows you to write the bulk of your blog post content using the familiar Gutenberg block interface and then inject Divi Layouts where custom design or functionality […]

The post How to Add a Divi Email Optin to Your Gutenburg Blog Post appeared first on Elegant Themes Blog.

open.php?u=9ae7aa91c578052b052b864d6&id=9265b95196&e=018bded9c1

How to Frame a Product in Your Background Image with Divi’s Column Options

With Divi’s WooCommerce modules out there, there are tons of designs you can accomplish using Divi. In today’s Divi tutorial, we’ll try to inspire you with another design idea you can accomplish using Divi’s built-in options only. More specifically, we’ll show you how to frame a product in your background image. The outcome depends entirely […]

The post How to Frame a Product in Your Background Image with Divi’s Column Options appeared first on Elegant Themes Blog.

READ THE FULL BLOG POST

How to Change The Divi Shop Module’s Mobile Column Breakpoint

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.

How to Properly Delete All WooCommerce Products – King Rosales

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.

Divi BodyCommerce – Divi Engine

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.

Divi Display Logic

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.

Styling Caldera Forms With Divi Just Got Even Easier – Caldera Forms

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.

Divi Overlays | Create Overlays, Popups, or Modals with the Divi Builder!

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.

Two Line Toggles and Buttons in Divi | Divi Soup

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.

Where in the World is Jane?

May 2017
Travel / Blogging in Xinjiang, NW China

Follow my Trip Blog here

Urumqi, Turpan, Korla, Kuqa, Aksu, Kashgar, Tashkurgan.

Hiking in Wakayama, Japan - Kumano Kodo pilgrimmage trail

July - November 2017
Alice Springs - available for IT/Massage/Counselling

December 2017
South Korea - family visits
Chiang Mai - study

Feb-May 2018
Alice Springs - available for IT/Massage/Counselling

June / July 2018
Tokyo
Morocco
London

Aug-Oct 2018
Alice Springs - available for IT/Massage/Counselling

Best Wordpress Hosting

Web Hosting

Living the life of a millionaire without the bother of all those $$$ .......

Seriously, you don't need much money to live like a millionaire.. quite the opposite.

In 2010 (7 years ago) I came up with my adventure lifestyle challenge. I wondered whether it would be possible to work for 12 weeks, travel overseas for 4 weeks, then repeat... I also divided up my day, working from home, doing Web Site Design in the mornings and Massage in the afternoons. I am also a professional WordPress mentor helping people across the globe achieve their dreams. Both businesses now have clients on a 6-12 month waiting list... Strangely, the less I worked the more $ I made....

How did I do it? I'm still looking back defining all the little turns in life which lead to this balance, and writing a course to help you do the same..