Editing the image hover effect gallery

The Image Hover Effect Element is an image element with multiple hover effects for you to choose from.

Hover effects are mostly used in designs for improving styling and usability. Hover effects add extra energy to websites and enhance the experience of the users.​


Editing the Hover Effect


To edit the hover effect, select your desired effect from the drop-down menu. 

You are able to edit the Transition Speed as well as the colours used in some of the hover effects. 

You can view the effects using the Preview display, or by publishing your site.

Link To

You can link this element to a Page, Link or Anchor on the page. 

Preview or Publish to see your amazing gallery in action.​

enlarge  Click image to enlarge

Title and Description

Use the Title, Title Emphasis, and Description section to type in your own text. 

To change the Paragraph Style used, select your style from the appropriate
drop-down menu's. (Please remember that size, font, and colour are all associated directly with the Paragraph Style your designer selected). 

You are also able to edit the relative position of the Title and Description.​

Editing the Image or Adding a New Image on Rollover

To edit the initial image, click on the image icon located just below the Title and Description section. 

Here, you are able to edit the fitting of the images as well as the image opacity. (This opacity refers to the image within the element, and not the entire element itself.)

The Background colour is what will show through when setting the image opacity. 

To add a new image on the hover effect, check the box for Display Image on Hover.

There, you will also be able to upload your hover image. ​



A collection of hover effects with fine lines, white space and clean typography.


enlarge  Click image to enlarge

Here to ensure nothing stops you from succeeding.

Simple is as simple does, with our easy step by step, code-free knowledge base to help you edit your website.​

Credits: Website illustrations courtesy of Freepik from Flaticon.com

Powered By:

website design, logo design, branding, brands, low cost print, cheap printing, social marketing,


Thank You!

Your message has been

successfully sent.


This field is required.


This field is required.

Website address

This field is required.

A brief outline of what you need, your market and any issues

This field is required.

Challenge Us


To Re-Energise Your Business

It costs nothing to ask. Simply add your details below and we'll get back to you with few ideas that could add the spark your business needs.

Let's talk.

Tell us what you think, share with others, see our latest offers and keep up to date with all the latest info that could help your business and your brand.

Join Us, Like and Share

Social Media /

And if you still need any more proof of our passion for big ideas, great design and the results they bring, then please check out some of our testimonials and our portfolio examples, because we truly understand the difference it can make to your brand and your sales. 

Stand Out