Image Styling and Hovers

Here you can select image hovers styling, background color and opacity. Depending on “Styling” settings, images will look this way:

  • None

    Fig. 1.1. Image Styling: None.

    Fig. 1.1. Image Styling: None.

  • Grayscale

    Fig. 1.2. Image Styling: Grayscale.

    Fig. 1.2. Image Styling: Grayscale.

  • Grayscale with color hovers

    Fig. 1.3. Image Styling: Grayscale with color hovers.

    Fig. 1.3. Image Styling: Grayscale with color hovers.

Note: image hover colors will not work in certain Elementor widgets with individual settings. For example, when using “Image” element and configuring hover settings from the Style tab.

You can also specify:

  • hover background color and opacity for ordinary images;
  • hover background color and opacity for portfolio & photo albums images.