Custom Cursor Within A Flex Box

Ask the community
, ,
1

Question:
Has anyone found a way to have a custom cursor within a single item in a Flexbox?

Product:
Wix Studio, Flexbox

What are you trying to achieve:
To have a custom .png as a cursor when it hovers over a specific item within a Flexbox.

What have you already tried:
I tried assigning one to the item within the Inspector Panel, but it does not appear on the live site. I have also tried using the CSS Code to no avail:

#yourContainerId { cursor: url(‘your-custom-cursor.png’), auto !important; }

2

Hi, @mrcooperdesign !!

If you add the following CSS to your global.css file and then apply this CSS class to the items (Box elements) inside your flexbox, it should probably work. :innocent:

.myCustomCursor { 
  cursor: url('https://static.wixstatic.com/media/sample.png') 0 0, auto !important;
}