GPGDesigns Posted February 17 Share Posted February 17 Hey! I have just added the hover effect so that when you hover over an image, a second image appears. I would really love the second image to be clickable or that whole section to be clickable. I have used the following code in design > custom css to make the hover effect happen: #block-0557efeb853081d6a937:hover { content: url(THIS IS WHERE MY SECOND IMAGE GOES); } Wondering if anyone knows how the image on hover linked? or the block "#block-0557efeb853081d6a937" - clickable? Thanks in advanced! Link to comment
ReformDesign Posted February 17 Share Posted February 17 What happens if you add a link to the image block settings? Link to comment
GPGDesigns Posted February 28 Author Share Posted February 28 Hey @ReformDesign - I tried this but unfortunately it doesn't read as the hover effect takes over. And the hover element / block isn't clickable 😞 Link to comment
SourceProjects Posted March 3 Share Posted March 3 Hello! I have just had to do the same thing for a website and found the solution here: https://sirv.com/help/articles/hover-change-image/ A bit of a different approach to yours as you're putting the images into code containers rather than as a swappable block. The <style> code must go into the advanced section of your page's settings rather than the css injection section. And then you create a code block with the relevant image urls from your asset library (copy image address rather than the url for the image in your library) and the destination url you want to click to... Maybe you've found a solution by now but hope this helps, if not you, someone else in future! GPGDesigns 1 Link to comment
tuanphan Posted March 6 Share Posted March 6 On 3/1/2023 at 3:01 AM, GPGDesigns said: Hey @ReformDesign - I tried this but unfortunately it doesn't read as the hover effect takes over. And the hover element / block isn't clickable 😞 Can you share link to page where you added Image Block with link? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment