SVG Cursors Fix

[thomasmaier]

Also downloaded svgs from free icon download archives always seem to lack dimensions. Another wax of fixing the svgs code is - if you have Adobe XD - to import the svgs into an XD document and re-exporting them as svgs. XD writes clean svgs code with dimensions.

[mariusjopen]

Dear @thomasmaier
Yes, thank you for using LayTheme!
Best!
Marius

[thomasmaier]

I have these problems again with the current version of lay theme - not sure if it has something to do with that. But the svgs files didn't change and have dimensions. but only safari can display them 90% of the time. Chrome and Firefox show the regular cursor - and sometimes extremely fast flashes of the svg cursors. very strange. any ideas?

EDIT: It doesn't have tp do with the svgs problem itself — also PNG cursors are not being displayed...

[mariusjopen]

Dear @thomasmaier
Can you post a link to your website?
We will then have a look and inspect that!
Many wishes!
Marius

[thomasmaier]

For some reason the custom cursors are back to normal again. No idea why. It wouldn't have anything to do with rebooting or restarting the browser or emptying the cache or something since I had tried that... So I guess it's at least no issue that is common in any way, just one of those mysterious bugs that appear and disappear.

[mariusjopen]

Dear @thomasmaier
Can you post a link to your website?
We will then have a look and inspect that!
Many wishes!
Marius

[PC]

This post is deleted!

[Richard]

Dear Pia @PC

Interesting, sorry to hear this! - could you post a link to your website? :)

Best
Richard

[PC]

This post is deleted!

[Richard]

Dear @PC
Have sent you a message :)

Best wishes
Richard

[fluoroscope]

This post is deleted!

[user-4'33'']

I have a custom svg cursor with widght and height properties specified in mm. The custom cursor is inserted via url. In my custom CSS for this webpage i write this:

div.lay-carousel-slide:nth-child(9) > div:nth-child(1) > a:nth-child(1) > img:nth-child(1):hover {
    filter: blur(6px);
    cursor: url(https://luiskueffner.com/wp-content/uploads/2023/10/cursorHover.svg) 11.34 11.34, auto; 
}

(The code is actually a bit longer since I want this behaviour for every carousel element. Here I point only to the first carousel element.)

When hovering the corresponding element, I get no cursor change. I get the intended behaviour here but with the same custom CSS.

What could I be missing here?

[beucccia]

Hallo,

I created the following website
https://leodal4.dreamhosters.com

and the custom gif cursor is only shown in movement in Safari, whereas it doesn't work in Chrome or Firefox.

Does anybody have an idea how to fix it?

[arminunruh]

gifs are not supported as cursors in general. i wonder why it even works in safari!

[willowj]

@arminunruh

As a newbie, where do I past the svg measurements code in text edit?
My svg arrow code looks like this:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 111.9 42.9" style="enable-background:new 0 0 111.9 42.9;" xml:space="preserve">
<path d="M111.6,20.6H7.9c8-3.1,13.8-10.9,13.8-20h-1.4c0,11-9,20-20,20v1.4c11,0,20,9,20,20h1.4c0-9.1-5.7-16.9-13.8-20h103.7V20.6z
"/>
</svg>

Thanks!!

[arminunruh]

hey!

if you use a texteditor and paste that code into it, and then save it as for example:
mycursor.svg

then upload that file here, in "set image" for example

[Alice.guarnieri]

Hello!

I've the same problem, the custom PNG cursor doesn't work. I noticed the same issue on an older website I did, it worked but now the custom arrows disappear when I move the mouse. Any suggestions?

Thanks!

[arminunruh]

u may need to restart your computer

do u have a link?

do u mean the custom arrows or the custom mouse cursor?
if u update your carousel addon the issue with the custom arrow could be fixed mmh