Website Migration with WPvivid

Website Migration with WPvivid

WPvivid is a free WordPress backup plugin that can help you safely and automatically back up your WordPress site to off-site locations on a schedule that you specify.

Beyond that, it can also help you migrate your site to a new domain, as well as restore any backups that you’ve taken.

I recently used WPvivid to migrate a website from the working sandbox location into the existing production location.  I had success using the manual migration method.  The Auto Migrate function gave me a network error which I suspect is not the fault of the plugin.

The vidoeo below is a quick review of the steps for the manual review.  Only tricky part for me was to make sure to download both part 1 and part 2 of the backup.  These are both in the form of Zip files which confuised me the first try, thinking maybe the Zip file contained both parts.  

Free SEO Tools

Free SEO Tools

Small SEO Tools

Large assortment of SEO tools

WooRank

A very handy Chrome extension.

Sitechecker

Free site audit with suggested fixes

MozBar

Quickly assess the Page Authority and Domain Authority of any site or page.

CanIRank

CanIRank is a super-detailed keyword difficulty tool.

seobility

All-In-One SEO Software & Tools

Keywords Everywhere

Browser extension for Keyword Density Analysis

dareboost

Free quality and performance report

Flip Box Effect in Divi

Flip Box Effect in Divi

Andy Hooke posted a great article on B3 Multi Media on how to make flip boxes on the Divi theme.

Flip box effects are one of the most requested Divi features.  But unfortunately Elegant Theme’s still haven’t added them as a module to use within the builder. Luckily for us though, they’re fairly simple to create with a little bit of HTML and CSS, and in this tutorial we will show you how to do that in a few simple steps.

Sneak Peak
Here is a sneak peak of the module we will be building today.

View Demo →

  •  
  •  
  •  

  •  
  •  
  •  

Download Free Divi Sections .JSON file
You can follow this tutorial or download ready to use .json file with several sample sections that you can import to your Divi Library and use in no time! Subscribe to download free section →

 

1.  Create a section

Create a new section and add a row with 3 columns.

  •  
  •  
  •  
 

2.  Add text module and HTML

Add a text module, make sure you’re on the “Text” tab, then paste in the following html:

 

 

  •  
  •  
  •  
 

3.  Customise HTML

For the frontside: In the space marked [add image], replace with an image from the media library using Add Media button. Make sure the image is at least 400px wide.

For the backside: Look for the part of code which looks like this:

Then replace the following
– The text which says “Project Title” inside the h3 tag
– The description text directly below which starts with “A short…” inside the p tag

 

4.  Add in link (optional)

If you’d like to turn the flip card into a link, you can add in a module link to the text module.

  •  
  •  
  •  
 

5.  Choose which flip direction

You can choose 4 different directions for the flip: left, right, up, down.

Add the following class into the css class box in the advanced tab of the text module:

• Left: flip-card-rotate-left
• Right: flip-card-rotate-right
• Up: flip-card-rotate-up
• Down: flip-card-rotate-down

  •  
  •  
  •  
 

6.  Add in other boxes

Copy and paste the text module into the other two columns, then repeat step 3-4 to customise each flip card. Then save the layout.

  •  
  •  
  •  
 

7.  Add custom CSS

Add the code below into your child theme style.css (or the Custom CSS tab of your Divi Theme Options):

8

Save CSS

Save the CSS settings and you’re done!

View Demo→

Subscribe to download free sections →

  •  
  •  
  •  

Mobile Version

The mobile version of this layout is set to overlay the background text over the front image.

The reason being as there’s no text on the front, users might think it’s just an image and not think to click it, therefore missing the text on the back.

If you’d like to have the cards active on mobile though, it’s an easy fix. You just need to do the following:

1. Remove the media query from the CSS. The part you need to remove is highlighted below.
2. If you’re using a module link, remove it
3. Reply the “View project” text on the back with a link

And that’s it!

CSS to remove:

 

Flip Box Effect in Divi

Remove Featured Image

Unlike many themes you do not need to edit any code to disable the featured image at the top of the post in Divi.  However it is quite difficult to find the settings if you do not know where to look.

How to disable the featured image in Divi

Go to Divi -> Theme Options -> Layout  -> Single Post Layout  -> Disable “Place Thumbs on Posts”

Now your blog posts will not have a featured image at the top of the post and you will be able to add the image inline in your text where ever you would like.

Marketing: What Actually Works

Marketing: What Actually Works

This infographic comes to us from Serpwatch and it highlights seven of the most important digital marketing trends to keep an eye on in 2020.

Highlighted are over 100 useful marketing stats that help to reveal the strategies and tactics that maximize ROI. 

Source: Serpwatch

House For Sale In Arvada Colorado

House For Sale In Arvada Colorado

12630 West 66th Cir

Arvada, CO 80903

Pin It on Pinterest