Custom cursor over html iframe

[Edrol97]

Hi all, wondering how to add a custom cursor over an html iframe. My whole site uses a custom cursor, and I've tried to link to an external shop page on Ko-fi and want to change the cursor for that page.

 

[tomliv]

Try wrapping the iframe in a div and add a cursor for that wrapper class. For example:

main{
    cursor: pointer;
}

or

.wrapper{
    cursor: pointer;
}

 

[Edrol97]

Try wrapping the iframe in a div and add a cursor for that wrapper class. For example:

main{
    cursor: pointer;
}

Still doesn't work. I'm not sure why it doesn't work though.

 

[tomliv]

Still doesn't work. I'm not sure why it doesn't work though.

I am guessing it's because with an iframe, you are technically over an entirely different html document with it's own assets, CSS etc. I tested my suggestions over regular content types but not an iframe. Interesting. I'll see if I can make time to try an iframe.

 

[tomliv]

If you don't need to interact with the iframe, you could use my previous suggestion on a div that is overlapping the iframe.

 

[Edrol97]

If you don't need to interact with the iframe, you could use my previous suggestion on a div that is overlapping the iframe.

I do need to interact with the iframe as it's a shop page. Do you know if there is a work-around to this?

 

[tomliv]

I do need to interact with the iframe as it's a shop page. Do you know if there is a work-around to this?

I am unaware of a fix, unless you control the content of the iframe.