Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

Hover effect is one of the most coolest effect to be added to your site. Hover effect is the change of the color or image when your put mouse cursor over it.

Hover effect comes with a few options including solid colors, gradient colors, image etc. Moreover, you can apply hover effect without any existing background color or image.

Hover In Background

To add this effect in the background of section, row, column and element, you can go through the following steps.

  • Go to the settings option
  • Go to Styles tab or Advanced tab
  • Find Background
  • You’ll find 2 options - Normal and Hover
  • Select Hover
  • Now set the color or image you want in hover effect

Hover On Border & Box Shadow

You can add this effect for border and box shadow too. This will add a more drastic style in your webpage. To add the effect, follow these steps.

  • Go to the settings option
  • Go to Styles tab or Advanced tab
  • Find Border & Box Shadow
  • You’ll find 2 options - Normal and Hover
  • Select Hover
  • Now set the color or image you want in hover effect