Download AppSectionsWebsite

Scrollbar Background

Scrollbar Background Setting in AppSections Brand Style

The "Scrollbar Background" setting in AppSections Brand Style allows you to customize the background of the scrollbar, providing a subtle yet important element of your store’s overall design.

Purpose:

This setting enables you to define the background color of the scrollbar, which appears behind the scroll thumb. It helps ensure that the scrollbar fits cohesively with your store’s design by complementing the primary scrollbar color.

Usage:

Use the color picker to choose the desired background color for the scrollbar. This background will be visible behind the scrollbar itself, giving you control over the entire scrollbar appearance.

Steps to Set the Scrollbar Background:

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings where the custom scrollbar is enabled.

  2. Locate the Scrollbar Background Setting:

    • Find the "Scrollbar Background" option within the settings.

  3. Choose the Scrollbar Background Color:

    • Use the color picker to select a background color that complements the scrollbar and overall store design.

  4. Preview the Changes:

    • After selecting the background color, preview your store to see how the new scrollbar background looks in combination with the scrollbar color.

Ensuring the Right Scrollbar Background:

  • Preview Changes: After setting the scrollbar background color, preview your store and test different sections to ensure the background fits well with your design.

  • Check Consistency: Make sure the scrollbar background color complements the scrollbar color and matches your brand’s color scheme.

  • Test Across Devices: Verify that the scrollbar background looks good and is functional across various devices, including desktops, tablets, and mobile phones.

Summary:

The "Scrollbar Background" setting in AppSections allows you to define the background color of your custom scrollbar. This feature helps provide a polished and cohesive look for your store, ensuring that even the small details like the scrollbar are aligned with your brand’s design.

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

Last updated