How to change the image when you hover?

frederikdennis88
5 Posts
frederikdennis88 posted this 29 September 2022
Ask a Question

I want to make the logos colored when you hover in an image. Please check the file attached. Let me know if this is possible.

I want to make the logos colored when you hover in an image. Please check the file attached. Let me know if this is possible.
Vote to pay developers attention to this features or issue.
8 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 29 September 2022

Frederik,

This can be done if you use Grid Reaper and the Animation On Hover Effect on each of its items.

https://nicepage.com/doc/197359/animation-hover

Please see the sample block in the attachment.

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Frederik, This can be done if you use Grid Reaper and the Animation On Hover Effect on each of its items. https://nicepage.com/doc/197359/animation-hover Please see the sample block in the attachment. ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
frederikdennis88
5 Posts
frederikdennis88 posted this 29 September 2022

Hi Alan,

I tried to find the option where I can change the color of the image, but apparently it doesn't work on your website builder. Changing color only works for shapes, and images placed in shapes. I can't make an image change into a different one when hovered. For example, I wanted the gray color of coca cola logo to turn into red when hovered. please check the attached files.

Hi Alan, I tried to find the option where I can change the color of the image, but apparently it doesn't work on your website builder. Changing color only works for shapes, and images placed in shapes. I can't make an image change into a different one when hovered. For example, I wanted the gray color of coca cola logo to turn into red when hovered. please check the attached files.
frederikdennis88
5 Posts
frederikdennis88 posted this 29 September 2022

Also, the file that you sent cannot be opened.

Also, the file that you sent cannot be opened.
Support Team
Support Team posted this 30 September 2022

Frederik,

There is no recoloring in Nicepage, you need to create two files in Photoshop. As for the file it is a block. import block.

112.png

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Frederik, There is no recoloring in Nicepage, you need to create two files in Photoshop. As for the file it is a block. import block. !112.png! ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
frederikdennis88
5 Posts
frederikdennis88 posted this 01 October 2022

I have two png files to change the color of the logo.
What do you mean by block? If I put the logo in photoshop, there is no file type such as block to export. So how do I do that?

I have two png files to change the color of the logo. What do you mean by block? If I put the logo in photoshop, there is no file type such as block to export. So how do I do that?
Support Team
Support Team posted this 03 October 2022

Frederik,

This is a block.

112.png

...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Frederik, This is a block. !112.png! ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
frederikdennis88
5 Posts
frederikdennis88 posted this 04 October 2022

I know. But can you send me a file example?

I know. But can you send me a file example?
Support Team
Support Team posted this 04 October 2022

Frederik,

The Block with the example is attached above. Please create a blank site, or open the existing one, and import that block.
...................................................
Sincerely,
Alan R.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Frederik, The Block with the example is attached above. Please create a blank site, or open the existing one, and import that block. ................................................... Sincerely, Alan R. Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
You must log in or register to leave comments