Image Styling and Hovers

Here you can select image hovers color and opacity (fig. 1):

Fig. 1. Image hover.

Fig. 1. Image hover.

Also you have an option to make all images in content area and footer greyscale (see fig.2). This feature will work fine in all modern browsers except Internet Explorer. (Thankee, Microsoft!)

Fig. 2. Greyscale images.

Fig. 2. Greyscale images.

In the “Style” box (fig. 3) select “Grayscale” or “Grayscale with color hovers”.

Fig. 3. Enable greyscale images.

Fig. 3. Enable greyscale images.

  • “Grayscale” will give you grayscale images with regular hovers (fig 4.1).

    Fig. 4.1. Regular hovers.

    Fig. 4.1. Regular hovers.

  • “Grayscale with color hovers” will make your images grayscale and revert them back to color on hover (fig. 4.2).

    4.2. Color hovers.

    4.2. Color hovers.