Streaming live at 10am (PST)

Hand cursor over image with "interaction"


#1

Hello!
I have an image with an Interaction and want my visitors to click it. How can i make the "Hand Cursor" appear when hovering the image, like it does on my links?
Thanks!


#2

you have two options:

1 - Put your IMAGE inside a LINK BLOCK

2 - give your IMAGE a class name
2a - go into your project's SETTINGS
2b - click on CUSTOM CODE on the right side menu
2c - put in the following code:

<style>
     .ClassNameOfImage {cursor:pointer;}
</style>

#3

I think the best way is the second one. You can also set a pointer cursor for all images like

<style>
  img { cursor: pointer; }
</style>

#4

Why have I never thought about that...
Ok Mr Bartek- continue to post, it's the second time I get a cool tip from yours (:


#5

Thank you but I think @PixelGeek was first with the idea smile I just gave a global solution instead of class solution smile


#6

hey guys,

is it possible to create your own cursor and use this?


#7

body {
cursor: url(images/my-cursor.png), auto;
}


#8

Not all images on your site are clickable I'm assuming, so maybe this isn't the ideal option. But if all your image elements are clickable then go for it!


#9
<style>
  a img { cursor: pointer; }
</style>

#10

Hello guys,

Does the custom code work in the preview mode or only after the site is published?

I ask this because I'm doing everything you said and the cursor doesn't change for the indicated classes.


#11

custom code only works after it is saved and you publish the website


#12

I see, it would be so nice to work in preview mode as well :D. Thanks a lot!


#13