# Cursor Settings

> **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.

***

### 📐 Recommended Image Details

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?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/readme-1/theme-settings/cursor-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
