Download AppSectionsWebsite

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.

Last updated