Hello,
I want to use custom cursor (png image) when hovering over an object.
I added custom style to object using this scheme:
cursor: url(http://www.pagename.com/cursor/cursorname.png) 35 35, auto;
It only works fine until I add a breakpoint. Adding breakpoint brings back default cursors.
How to fix that?
custom cursor problem
Re: custom cursor problem
Note that we cannot assist you with custom code.
But you may also have to add the cursor to the breakpoints styles.
Or use: !important.
But you may also have to add the cursor to the breakpoints styles.
Or use: !important.
Re: custom cursor problem
I published two test pages and then checked html code generated in following situations:
1. without breakpoints
2. with breakpoints
Result was:
Ad.1 Custom code was included in generated html code
Ad.2 Custom code was NOT included in generated html code
1. without breakpoints
2. with breakpoints
Result was:
Ad.1 Custom code was included in generated html code
Ad.2 Custom code was NOT included in generated html code
Re: custom cursor problem
Maybe it was moved to the style sheet?
Re: custom cursor problem
Checked that again, but it was not.
Re: custom cursor problem
WWB will not remove the code, so it must be somewhere.
Re: custom cursor problem
I've checked once again. Its only there when I have no breakpoints.
Last edited by piotrh on Fri May 10, 2019 9:40 pm, edited 1 time in total.
Re: custom cursor problem
When you add breakpoints, all inline styles will be moved to the global style sheet to make sure different breakpoints can have different styles.
The reason why your code does not work is because WWB does not understand the 'url' syntax of the cursor.
So, you will need to move the code to the head section yourself or enable 'keep inline styles' in Tools -> Options -> HTML.
The reason why your code does not work is because WWB does not understand the 'url' syntax of the cursor.
So, you will need to move the code to the head section yourself or enable 'keep inline styles' in Tools -> Options -> HTML.