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


---

# 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-scrollbar/scrollbar-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.