top of page

How to create custom cursors

PROJECTS USED

Start Now
Start Now
Start Now
Start Now

TAGS

SUITABLE FOR

Editor X, Classic editor

ABOUT

Not impressed by regular-looking cursors? Learn how to create a fully custom version for your Wix site.

Layout

01. Add a styled button and make it perfect

Layout

Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.

Media Manager

01. Preload custom cursor images to the Media Manager
02. Copy image links

Media Manager

Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.

Custom code

01. Make sure the site's connected to a domain
02. Add custom code to the site dashboard
03. Make sure the custom code is placed inside “Head”
04. Paste the HTML code
05. Paste and edit the images links
06. Edit the name of the custom code

Custom code
<style>
body, html { cursor: url('https://static.wixstatic.com/mediGGGGG7c929255763682~mv2.png'), auto !important }
a, a:hover, button:hover, select:hover, g:hover{ cursor: url('https://static.wixstatic.com/media/827c6dGGGGG9844498f69db0~mv2.png') 12 12, auto !important }
</style>

HAVING TROUBLE?

Contact our VIP support channel at vip@support.wix.com and our team will contact you within 24 hours.

MORE HOW TO'S

How to move elements to random positions

How to use the Blog API

How to create dynamic lightboxes

How to create hover interactions

How to create a floating image effect

How to create image hover interactions in a list

bottom of page