1. Start
  2. How to Install
  3. How To Use

Vubon Hover Effect Pro


Vubon Hover effects Wordpress Plugin


Vubon Hover Effects WordPress Plugin is an impressive hover effects powered by pure CSS3 techniques including 3D translate and Great amazing Hover elements. Easy to use the beautiful amazing Image Hover Effects for your website.

 

How to Install


Download Vubon Hover effects plugin you will Get plugin after your payment Completed, The plugin Named like "vubon-hover-effects-pro.zip"

Go to Your wordpress dashboard >> Click Plugins >> Add New >> click Upload >> click Browse >> just seclect Plugin file "vubon-hover-effects-pro.zip" >> Click Install

Open Installable Folder and you will get "vubon-hover-effects-pro.zip"

just Install This File to your Wordpress Site.

Remember that :

Before install Vubon hover effects pro version please Delete Vubon Hover Effect free version first. i hope you can install.

See Video Tutorial How to Install Free Version To Pro Version: Click Here



Another way to Install Wordpress Plugins:

Installation of Vubon Hover Effect is very simple.

Option 1

How To Use


When you go to your Wordpress Dashboard you will see a new custom post named Vubon hov Effect in your left toolbar under pages. This will allow you to quickly create Vubon hover Effect item on your site.

To create an Vubon Hover item all you need is the URL of the image. The image can come from any source and be any size, you can also use images uploaded right from the Post Media Uploader. Just copy the URL of the image after you upload it

Using the Vubon Hover Effect Plugin

Once you see custom post name Vubon hover Effect On your Dashboard left under pages. just click Add New Item :

You will see the Hover information option panel with 4 Field

First field: "Upload Image" Click to choose a file, the image can come from any source and be any size, you can also use images uploaded right from the post media uploader. Just copy the URL of the image after you upload it.

Second field: "Enter Your Title" You can enter any title, the important thing to remember is that the item width and height is limit so please enter short title. This is important to maintain the layout of the image wrapper.

Third field "Enter Your Description" You can quickly insert the description in the description text area. It is important to enter a short description to maintain the layout of the image wrapper.

Fourth Field :"Enter Image URL" Chose a button URL in this field. EX: http://wpexpert.com

Note:Remember that you have to add a valid Image URL (EX: http://google.com).

After all of the steps above are done you will see a Menu named Add more Vubon hover item. If you want to add more items just click Add more Vubon hover item and you will see another field open; you can then add unlimited items.

Now You have to create a category for your Hover Item

When Vubon Hover Item Created with category support done, we have to add shortCode on post or page or Widgets where we want to show Hover Item.

Go to Dashboard, Click Ad New Post or page.

In your Post/Page Editor you will see a Blue Circle Button within your editor.

Put Any Title On Title field, click the Vubon hover Item Shortcode Button, you will then see a Box open with a ShortCode Option Panel.

In the Shortcode Option Panel there are setting fields.

"Category Name": Put the same category name which you created before with Vubon hover Item. Please remember that the Category Name should be the same as your Hover Item Category.

Select Hover Style: There are 22 hover Style. Chose one which you like



"Text Font" : There you will find all the Goggle Fonts listed and you can chose any font.

------------------

Title Font Size: This Option Give you chose custom font size for Title Only

Title Color: This Option Give you chose custom font Color for Title Only

--------------
-----------------

Description Font Size: This Option Give you chose custom font size for Description Only

Description Color: This Option Give you chose custom font Color for Description Only

---------------
------------

"Open In New Tab?": If you want your hover item button to open in a new Tab then just check this option.

Click Insert Button and you will see a Shortcode in your post/page editor.

EX: [amzhover category="vubon" style="style1" google_font="Roboto" title_size="22" title_color="#ffffff" des_size="12" des_color="#ffffff" link_open="_blank"][amzhover category="vubon" style="style1" google_font="Roboto" title_size="22" title_color="#ffffff" des_size="12" des_color="#ffffff"]

After All Above all just click publish

And See the Magic of All Vubon Hover Effect, Enjoy!