Removing overlay opacity

Hi there @df123 !

Happy to help you with this 🙂

Could you please double check that you have removed the Overlay Color when the image is in hover state?

To link an image to a page, you can go to the Advanced tab of the Image block then under the Link panel, you can enter a link in the Link/URL field.

Please let us know if this helps! 🙂

Hi @df123 ,

In the Style tab of the Image block, under the Image panel, you will see the setting “Overlay Color“. Next to it, you will see a small arrow icon. Click on the arrow icon and select “Hovered State“. If you see that an Overlay Color has been applied, you can reset it by clicking on the reset arrow icon on the right.

Here’s a screenshot that can help: https://app.screencast.com/GWxSDuUsGuTgD

Please let us know if this resolves your issue 🙂

Hi @df123 ,

Glad to know you were able to fix the hover overlay 🙂

Regarding the image link, here’s a screenshot of where you can find the Link / URL field: https://app.screencast.com/Y2CYXpX2eEmql

You should be able to see it at the very top when you click on the Advanced tab, under the Link panel. Please let us know if you have seen it 🙂

Hi @df123 ,

Could you please let us know if you’re using the Image Box block? If you’re using the Image Box block, you will have to click on the Image Box block to find the Link panel in the Advanced tab 🙂

Please let us know if you’ve found it already!

Hi @df123 ,

If the Image block is inside an Image Box block, you will have to add a link in the Link / URL field in the Advanced tab of the Image Box block (not the Image block).

Please see screenshot: https://app.screencast.com/1HyEX1tvxvS0f

Let us know if this helps!

Hi @df123 ,

That’s good to know! I’ll be resolving this issue now.

Please don’t hesitate to reach out again if you need help with anything else 🙂