Image hover effect plugin have a functionality to apply square hover effects. Follow Below steps to apply sqaure effects on posts, pages and custom post type :
Step 1Go to General settings page of the plugin.
Step 2Scroll down to any post and page type section.
Step 3and click on Change Effect.(see below image)
Step 4Now Effects Gallery page will be open and click on Apply Here link in Square effects.
Step 5Select post types for which you want to apply this effect. Here you can make changes of width, height, opacity, animation speed and display text position.
Step 6 At the end click on Save Settings button to apply changes.
Now you’ll see applied Square effects display on your image.


Video Tutorial