Hover images

Hello!

I would like to know if its possible to hover over the images. If you can hover, is it possible to have an image in black and white and then (when you hover) change it to full colour?

Thank you,
Lara

Hi Lara,

Did you want to add these effect for all images in your pages or just in a specific page? If you want it to be able in all pages, please try this CSS code below:

.page-wrap img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.page-wrap img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

You can put the code to: Customize > Additional CSS.

Regards,
Awan

Thank you, it’s exactly what i meant!
Is it possible to have these colour changes only on the frontpage?

and an other question: do you know how to remove the calendar from the other pages? Or do I have to open a new topic for that? click for website

Okay, please use the following CSS code if you want the effect only able on the front page:

.home .page-wrap img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.home .page-wrap img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

Then about the calendar issue, yes I think its better if you create a new post :slight_smile: