Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Royal Image hover effects

Royal Image Hover Effects is an impressive, lightweight, responsive Image hover effects. 63+ Different Hover Effects Collections with choosing 3 style

Royal Image Hover Effects is an impressive, lightweight, responsive Image hover effects. Fully powered by pure CSS3. 63+ Different Hover Effects Collections with choosing 3 styles. Apply Royal Image hover effects on your website without any CSS coding knowledge.

See live demo here: Documentation:

Video Tutorial:


  • Fully Responsive
  • Easy to use
  • No Javascript Pure CSS3
  • Social Icon for each hover item
  • Square Box + Round CSS3 Responsive.
  • 4 unique hover Effects For Free
  • Chose Custom Item 1 Row
  • 42 hover Effects For pro
  • Support IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • Easy change from circle to square
  • Almost fully CSS customizable.
  • Custom post enabled
  • Category Support
  • Custom ordering
  • Amazing option panel
  • Shortcode Powered
  • Unlimited hover items

Pro Version Features

Royal Image Hover Effects Pro Version Features


  • Fully Responsive & Mobile Optimized
  • Unlimited Color Option
  • Support Browser IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • Control Display Item In 1 Row
  • Chose Font Layout Style
  • Custom Font Size
  • Custom Font Color
  • Custom Padding For each Items
  • Custom Css Panel Ready
  • Show / Hide Circle Effects Broder
  • Various Overlay Animation Effects
  • 11 Unique Hover Effects Square + Circle
  • 31 Amazing Square Hover Effects for Style 2
  • 21 Square Hover Effects for Style 3
  • Each Circle Effects With 4 Animation
  • Unlimited Hover Items
  • Chose Responsive Gird in Option Panel
  • Social Icon Ready for Each Hover Item
  • External link for each hover item
  • Open link in new tab
  • Support within 12 hours
  • Single Site License
  • Developer License (unlimited use)
Author codecans
Contributors codecans
Tags css animation, css effects, css3 effects, css3 hover effect, css3 transition, effects css3, effects hover, gallery effects, hover, hover css effects, hover effect wordpress, hover effect wordpress plugin, Hover effects, hover wordpress plugin, image caption, image captions, image effects 2015, image hover, image hover 3D, modern hover effects, mouse over, popular hover effects, pure css3 effects, Royal Hover, Royal Hover Effects, stylish image effects, text effects, wordpress image caption, WP Image, wp image caption, wp portfolio effects
  1. royal-image-hover-effects screenshot 1

    Adding Royal hover hover item with Click Style 1 setting

  2. royal-image-hover-effects screenshot 2

    Adding Royal hover item images and set Hover setting panel as you like.

  3. royal-image-hover-effects screenshot 3

    You can select which Hover item you want to appear first. You can also select all of your items and drag to move the order of each up and down in the Custom Post Panel.

  4. royal-image-hover-effects screenshot 4

    write a category name and add category for your hover item.

  5. royal-image-hover-effects screenshot 5

    Copy category name and paste it top right side 'Royal Hover Effects Category Name' then copy below shortcode and paste it any post or page or widgets.

  6. royal-image-hover-effects screenshot 6

    Paste Royal Hover Effects shortcode in page or post or widgets. shortcode show like this [vbs_style1 category="yourcategoryname" ]

Installation of Royal Image Hover Effects is very simple.

Option 1

  • Download the plugin from download location.
  • Unpack the *.zip file and extract the Royal Image Hover Effects folder.
  • Drop the Royal Image Hover Effects plugin folder into your wp-content/plugins folder.
  • In word press administration panels, click on Plugins from the menu.
  • You should see your plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.
  • Option 2

  • Download the plugin Royal Image Hover Effects Plugin from download location.
  • Go to Add New menu under Plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available Royal Image Hover Effects Plugin file and click install now
  • Finally click activate plug-in link to activate the plug-in.
  • Settings Page

    Under Settings -> Royal Image Hover Effects plugin you can configure the basic settings. Everything else can be done on the fly via Custom post named Royal Hover Effects on your Dashboard and via the Shortcode on any Page or Post that you want.

    Add Royal Image Hover Effects- Allows you to add hover feature to Custom Posts as well as add information such as: Images, Title, Description, Hover Animation, Hover item Layout , Show Circle Border , Chose Hover Item in 1 row, Hover Effects, Custom CSS , & Social Icons in the Royal Image Hover Effects custom post.

    Item Position - You can select which Hover item you want to appear first. You can also select all of your items and drag to move the order of each up and down in the Custom Post Panel.

    Category - Choose the Category as you want to use for your hover effects.

    How To Use

    When you go to your Wordpress Dashboard you will now see a new custom post named Royal Hov Effects in your left toolbar under Pages in admin Dashboard. pages. This will allow you to quickly create Royal Hover Effects item on your site.

    To create an Royal Hover Effects all you need is the Fill All setting. The image can come from any source and be any size, you can also use images uploaded right from the Post Media Uploader.


    Using the Royal Hover Effects Plugin

    => Once you see custom post name Royal Hover Effects On your Dashboard left under pages. just click Add New Item :

    => You will see the Hover information option panel

    => Style 1 , Style 2 : "Chose hover Style" Click CheckBox to choose Style. After Click Style 1 or style 2, Then All Setting Option Panel Will be Visible Below

    => Hover Image: "upload Hover Images" You can Upload Royal Hover Item Images Here, You can choose any size of images. Images Resize automatically.

    => Heading: "Enter Your Heading/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.

    => Description: "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.


    Style 1 Settings panel


    => Hover Animation : "Select Hover Animations" There are 4 animation of 1 style. You can Chose Any One. Example: left to right, Right To Left, Top to bottom, Bottom to Top Etc.

    => Hover item Layout : "Select Hover Item layoyt" There are 2 Hover Layout for Royal Image hover Effects. You can Chose Any One. Example: Square or Circle .

    => Show Circle Border : "Show Hover Circle Border" you may chose for Border For Circle Hover Item if you want. just click 'Show' or 'hide' (Remember This optoin Work Only For circle)

    => Display Hover Item in 1 row : "How Much Hover Item Appear in 1 row?" - you may chose 1, or 2, or 3 or 4 Item in 1 row with this Option.

    => Select Hover Effects : "There are now 2 Effects Now. (More Effects Coming...) Select Any Hover Effects From Drop-down Option" - you may chose Effects 1 or Effects 2.

    => Custom CSS : "If you want to add Extra CSS or Modify Some Css Style Without Edit Plugin Css File Just Paste Css Code Here. you can Write your custom css in this Option.


    Style 1 Social Icon Settings


    => Select Icon : "You can chose Social icon From Font-awesome Font Chooser.

    => Paste Icon Link : "You can Paste You Social icon link here.


    Create Royal Hover Item Category


    => Royal Hover Effects Category Name : "In right Side You can see a name like 'Royal Hov Category' . Just click Add New Category then make a category Name Then Click Add New Category . Your Category Will be add.

    => Royal hover Effects Shortcode : "In right Side You can see a name like 'Royal Shortcode Here' . Just put the Category Name Here which previously created. Your Category Will be add automatically below in 'Royal hover Effects Shortcode'.. Just Copy shortcode And Paste Anywhere.



    • Fixed Minor issue
    • change site URL


    • Fixed Font issue
    • Fixed Minor Issue


    • Fixed CSS Conflict issue
    • Change Demo URL


    • Fixed Backend Icon Issue
    • Fixed Minor Issue


    • Remove Backend Font With ADDED CDN
    • Plugin Reduce size 300kb


    • Improve Option Panel Setting
    • Fixed Minor Issue


    • Fix Hover Effects Mode issue
    • Added Setting


    • Fix CSS issue
    • Improve UI


    • Fix Effect issue
    • Modify Setting Panel text


    • improve social Icon
    • fix css Code


    • Added individual Social Icon for each hover Item
    • fix Setting panel icon issue


    • modify setting Panel
    • added some feature
    • fix bugs


    • Customized Css layout Issue


    • Added Custom Padding Control Option
    • Added Link In new Tab Option For All Style


    • Added Style 3 With Awesome Hover Effects
    • Fix Layout Issue


    • Fixed Responsive Issue


    • Added Variable Style
    • Added 2 more Hover Effects
    • Added style 2 with 31 hover Effects For pro
    • Bug Fixed


    • Added Widgets Support


    • Added Pro Version


    • Fixed Css Box sizing Conflict


    • Fixed Css Code Conflict
    • Fix Responsive Layout


    • Change Background Color
    • Fixed Icon name Issue.
    • Fixed Responsive Gird
    • fixed Padding Issue For item


    • Initial Release

    The plugin doesn't work, why?

    First, check your version of WordPress: the plugin is not supposed to work on old versions anymore. Make sure also to upgrade to the last version of the plugin.

    Then try to deactivate and re-activate it, some user have reported that this fixes the problem.

    Pay also attention to the new "Roles allowed to copy" option: it should convert the former "user level" option to the new standard, but unknown problems may arise. Make sure that your role is enabled.

    If not, maybe there is some kind of conflict with other plugins: feel free to write me and we'll try to discover a solution (it will be really helpful if you try to deactivate all your other plugins one by one to see which one conflicts with mine... But do it only if you know what you're doing, I will not be responsible of any problem you may experience).

    Version 4.1.2

    Requires WordPress version: 3.0.1 or higher

    Compatible up to: 4.5.6

    Last Updated 14 Feb 2017

    Date Added: 02 Sep 2015

    Plugin Homepage


    5 stars
    8 ratings


    Not Enough Data

    Works: 0
    Broken: 0