Cursor Settings

To upload a custom cursor:

For Plain Jane, and Plain Jane Interactive

What You’ll Learn

  • How to upload and apply a custom cursor
  • Recommended dimensions and file formats
  • Best practices for designing cursors that enhance usability

🎨 Accessing Cursor Settings

To upload a custom cursor:

  1. Go to Shopify Admin > Online Store > Themes
  2. Find your Plain Jane theme and click Customize
  3. In the Theme Editor, click the Theme Settings icon (paintbrush)
  4. Scroll down and select Cursor Settings

![Placeholder for Screenshot - Cursor Settings Panel]

📁 Uploading a Custom Cursor

  1. Click Upload Image under Cursor Settings
  2. Choose the image you want to use as your cursor
  3. The preview will update immediately so you can see it live

💡 You’ll still see the standard pointer (hand icon) when hovering over clickable elements like buttons or links.

Choose an image that balances visibility and precision:

  • Format: .PNG with a transparent background
  • Size: 24×24 to 32×32 pixels is typical
  • Click hotspot: The cursor click registers from the top-left corner of the image

⚠️ Large cursors can feel intrusive and affect click accuracy.

🎯 Design Tips

When designing your cursor image:

  • Keep icons simple and high contrast
  • Include a visual pointer in the top-left corner for accuracy
  • Avoid centered designs unless intentionally offsetting the click zone

💡 Tools like Photoshop or Figma are helpful for adding click indicators to your image.

🧪 Testing Your Cursor

  1. Click Save in the Theme Editor
  2. Open your live store in a new tab
  3. Hover around your site:
    • The custom cursor will appear on most sections
    • The default pointer will still appear on clickable elements

Need Help?