Pointer changes when hovering over an image

Jen T May 18, 2022

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?

2 answers

1 vote
Thiago Masutti
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
May 18, 2022

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; }

mouse-cursor.png

 

I hope that helps.

Kind regards,
Thiago Masutti

0 votes
Brant Schroeder
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
May 18, 2022

@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? 

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events