# Cursor Background

#### How to Set the Cursor Background Color in AppSections Brand Style

The "Cursor Background" setting in AppSections Brand Style allows you to customize the background color of your custom cursor, providing an additional layer of personalization to your store's user experience.

**Purpose:**

This setting enables you to define the background color for the custom cursor icon, ensuring that it aligns with your brand's color scheme.

**Usage:**

Use the color picker to select the desired background color for your custom cursor. This color will be applied behind the cursor icon, offering greater control over how the cursor visually integrates with your store's design.

**Steps to Set the Cursor Background Color:**

1. **Select the Brand Style**:
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings where you want to modify the cursor.
2. **Locate the Cursor Background Setting**:
   * Find the "Cursor Background" option within the Brand Style settings.
3. **Choose the Background Color**:
   * Use the color picker provided in the "Cursor Background" setting.
   * Select a color that complements your custom cursor icon and overall store aesthetic.
4. **Preview the Changes**:
   * After selecting the background color, preview your store to see how the new cursor background appears.

**Ensuring the Right Background Color:**

* **Preview Changes**: After setting the background color, preview your store and test different sections to make sure the cursor looks visually appealing.
* **Check Consistency**: Verify that the selected background color aligns with your brand's palette and is consistent across different parts of your store.
* **Test Across Devices**: Ensure the background color works well and maintains its visual impact across various screen sizes and devices.

**Summary:**

The "Cursor Background" setting in AppSections allows you to personalize the color of the background behind your custom cursor icon. This additional customization helps ensure your store's cursor complements the overall design and user experience.

If you have any questions or need further assistance, please contact our customer support team.


---

# 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.appsections.com/settings/extra-style/styles/custom-cursor/cursor-background.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.