RD Hover Effects

“RD Hover Effects” Documentation by “CodeCans”

Introduction

RD Hover Effects lets you Create Amazing Image Hover Effects Items For Your wordpress site. The whole process is Really Easy to do. Just Create a new Custom Post with RD Hover Effects and it will be published Then you will get Shortcode. You can Use This Shortcode Anywhere like post, page, widgets, and Anywhere in your wordpress Theme. readers and followers about your new post.

Features:

Here you'll find the main features that are included in our RD Hover Effects Plugin

  • Fully Responsive & Mobile Optimized
  • Unlimited Color Option
  • Support Browser IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • 92+ Different Hover Effects
  • Chose Font Layout Style
  • Custom Font Size
  • Custom Font Color
  • Custom Css Panel Ready
  • 25 Hover Effects Square
  • 10 Hover Effects Square 2
  • 25 Hover Effects Circle
  • 32 Hover Effects For Caption
  • Appear Title Before Hover For 10 Items
  • Each Circle Effects With 4 Animation
  • 500+Google Font Support
  • Unlimited Hover Items
  • Chose Different Border Color
  • External link for each hover item
  • Chose Responsive Gird in Option Panel
  • show/hide Border
  • Lifetime Support & Free Upgrade
  • Chose Different Border Color
  • Space in bottom Dynamically
  • External link for each hover item
  • Open link in new tab
  • Support within 12 hours

Installing the Plugin

  1. The installation of the plugin is just like any other plugin installation for WordPress. Login to your WordPress site and go to Plugins > Add New.
  2. At the Install Plugins Page click on Upload from the top navigation and then click on browse.
  3. Go to the location on your computer where you saved the downloaded plugin zip file and upload this zipped file. You need to unzip the file first to get the plugin zip file.
  4. Now click on Install Now.
  5. Wait until WordPress has uploaded the file. If it's done click on Activate Plugin.
  6. Now you should see a message 'Plugin activated' at the top of the window.

After you successfully installed the plugin you will see a new Admin Menu on the left hand side. It's called RD Hov Effect. Click on that to get to the Settings Page which should look like in the image below.

The Plugin Settings

General Settings



Select Layout
Select the Hover Layout First, It is the first step you have to do, You should Choose a hover Layout to Start Create Hover Effects Items.

General Settings

Explain Settings

Note : We are Going to explain the Full settings to create RD Hover Effects



Add Hover Items
Click On Add Hover Items. You will see More Field To create Basic Hover Items Under Hover Image. Title, Description, And There is a Option to choose Button, If you want to add button in your Hover Items then just switch button, see below:

Schedule Settings

Hover Item
Select the Hover image from Media library.

Enter Title
Set your hover Title here. You can chose any Title as you want, But it would be batter if you use short Title to maintain width ratio.

Enter Description
Enter the Hover Items Description Here..

Active Button

Switch Active Button if you set button for hover items, You can leave in if you don't want Button in your item

Button Name
Set your Button name here.

Button URL
you can set hover item button URL here.

Open Button With New Tab?
If you want to open button link with new TAB then you can check this Box, otherwise don't check this.

Main Settings

Facebook Settings

Hover Effects Main Settings

Select Hover Style
Select Hover Style For Hover Layout. There are lots of hover style available here.

Image Height & Width
This is Cutom Image Height And width option. You can define any height and width of Hover Items. Default is 280px, You can increase or decrease Items Height and Width

Image Responsive Height & Width 768
This is Also Cutom Image Height And width option. But its for Responsive TAB layout. when your browser is going to 768 width then this width is take action.

Space Between Hover Items
Set Custom Space between two items as your requirement, you may use some Gap between hover items

Typography


Note : Now you can set Typhography Settings.

Title Font Option

Facebook Settings

Title Font Family
Set title font family. chose font family from 500+ google font from select option. also you can set font weight with your requirement, all font is added before you just select the font of the title

Title Font Size
Set title font size with this field, default is 18px, if you don't want to change this just leave it

Title Font Style
There are Two type of font style, normal & italic. Normal Is default so if you want to set font style normal so don't need to do anything but if you want to set font style italic then select font style as italic

Title Font Color
Choose Title font color from amazing color picker, Default title font color is white which hax code is #FFFFFF, If you want to change is different one just choose font from color picker.

Description Font Option

Facebook Settings

Description Font Family
Set Description font family. chose font family from 500+ google font from select option. also you can set font weight with your requirement, all font is added before you just select the font of the Description

Description Font Size
Set Description font size with this field, default is 18px, if you don't want to change this just leave it

Description Font Style
There are Two type of font style, normal & italic. Normal Is default so if you want to set font style normal so don't need to do anything but if you want to set font style italic then select font style as italic

Description Font Color
Choose Description font color from amazing color picker, Default Description font color is white which hax code is #FFFFFF, If you want to change is different one just choose font from color picker.

Button Font Option

Facebook Settings

Button Font Family
Set Button font family. chose font family from 500+ google font from select option. also you can set font weight with your requirement, all font is added before you just select the font of the Button

Button Font Size
Set Button font size with this field, default is 18px, if you don't want to change this just leave it

Button Font Style
There are Two type of font style, normal & italic. Normal Is default so if you want to set font style normal so don't need to do anything but if you want to set font style italic then select font style as italic

Button Font Color
Choose Button font color from amazing color picker, Default Button font color is white which hax code is #FFFFFF, If you want to change is different one just choose font from color picker.

Items Border Option

Facebook Settings

Items Border
Do you want to set border around the hover items? This option will help you to set this, just active button to set Border Color Around Hover Items

Border Pixel
Set Border Pixel, default is 2px

Select Border Style
Choose Border Style From Dropdown menu, There are 9 type of border style you can choose any one.

Border Color
Change Default Border color with color picker, you can pick up a color from color picker for your items border color.

Custom CSS Option

Facebook Settings

Custom CSS Option
Put your Custom CSS Here. If you need custom design if you know some CSS you may use this field to use Custom CSS for RD Hover Efefcts, Default leave It Blank.



Note : After All Settings Done with your requirement,Just Click Publish, you will get Current shortocde Avobe Title

Facebook Settings

Click On Copy, Shortcode will be copied. You can use this shortocde anywhere like page, post, widgets or theme Option





Minimum Requirements

  • WordPress 3.8 or greater

You should also check WordPress minimum requirements.


Need Support
 
Created: june 12, 2017
By: CodeCans
Email: support@codecans.com
If you have any questions that are beyond the scope of this help file, please feel free to email me on support@codecans.com . If you are purchased user then please use our support system http://codecans.com/forum/ for any support. Thanks so much!