Using Custom Cursors with Word Press

Ed Sanders Tutorials Leave a Comment

Just add the following css to your page or theme css page:

BODY {
cursor: url(https://mredsanders.net/cursors/shoeshine.cur), default;

}

a:hover {
cursor: url(https://mredsanders.net/cursors/polly.cur), default;
}

input, textarea, select {
cursor: url(https://mredsanders.net/cursors/simon.cur), default;
}

Substitute your cursor’s url for above and it will work in IE and Firefox and Google Chrome…Don’t have any cursors? Download Mine Here¬† .

You can also create your own cursors at http://www.cursor.cc/ by importing your own image, give it a try!

You can now easily add custom cursors to WordPress using the Appearance/Custom Css function of WordPress 4.7.1 or later.  Try it today!

 

Last updated on

About Ed Sanders

Ed Sanders

I have been a WebMaster since 1998, when I learned to code HTML pages for our local church congregation. I have been WebMastering ever since those days. Now I have moved on to installing CMS (Content Management Systems) websites like WordPress, Joomlah, E107, etc. I maintain a number of websites currently, see my Portfolio page. I believe in doing the best job possible when I work on my sites.

Leave a Reply