Pointer changes when hovering over an image

[Jen T]

Hello!

I have noticed that the pointer changes when hovering over an image. The pointer goes to a move type of pointer and gives the impression of the image not being clickable. We have images that point to other pages in confluence. How can we change the pointer when hovering over images?

[Brant Schroeder]

@Jen T Welcome to the Atlassian community

Does it do this in all browsers?  Is it happening to everyone on your server instance?  Have you tried clearing your browsers cache? 

[Thiago Masutti]

Hi @Jen T 
Welcome to the Atlassian Community.

If you are an administrator of your instance, you can customize Confluence on many ways.

On this case you can change the Global Stylesheet to show different cursor types depending on the image.

The below custom CSS will do the following

• When a regular image, cursor will be of type zoom-in.
• When an image with a link, cursor will be of type pointer.
• When on the Editor, cursor will always be of type move.

/* move cursor on the Editor */
body#tinymce img.confluence-embedded-image
{ cursor: move !important; }

/* zoom-in cursor for images */
.wiki-content img.confluence-embedded-image
{ cursor: zoom-in !important; }

/* pointer cursor for images with links */
.wiki-content a img.confluence-embedded-image
{ cursor: pointer !important; }

I hope that helps.

Kind regards,
Thiago Masutti