top of page
How to create custom cursors
ABOUT
Not impressed by regular-looking cursors? Learn how to create a fully custom version for your Wix site.
SUITABLE FOR
Editor X, Classic editor
PROJECTS USED
Chapter 01: Layout
01. Add a styled button and make it perfect
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Chapter 02: Media Manager
01. Preload custom cursor images to the Media Manager
02. Copy image links
Add paragraph text. Click “Edit Text” to customize this theme across your site. You can update and reuse text themes.
Chapter 03: 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
<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>
MORE HOW TO'S
bottom of page