# Alpha

### How to Adjust Shadow Alpha in AppSections Brand Style

The "Shadows" setting in the AppSections Brand Style allows you to control the shadow effects on both text elements and other components. Specifically, the Alpha adjustment lets you set the transparency of the shadow, affecting how visible or transparent the shadow appears. Here is how you can adjust the shadow alpha for both text shadows and outside shadows:

### **Shadow Alpha Range Selector**

* **Purpose:** This setting allows you to adjust the transparency of shadows, including both text shadows and outside shadows.
* **Usage:** Use the range selector to set the desired alpha level from -100% to 0%.

### Steps to Adjust Shadow Alpha

1. **Select the Brand Style:**
   * Open your Shopify theme editor.
   * Navigate to the Brand Style settings.
2. **Locate the Shadow Alpha Setting:**
   * In the Brand Style settings, find the **Shadows (Alpha)** option.
3. **Adjust Shadow Alpha:**
   * Use the range selector to set the shadow alpha between -100% and 0%.
   * Move the slider to adjust the transparency to the desired level:
     * **-100%:** The shadow color is completely transparent.
     * **0%:** The shadow color is at its maximum opacity.

### Ensuring the Right Shadow Alpha

1. **Preview Changes:**
   * After adjusting the shadow alpha, preview your store to see how the changes look.
   * Check various text elements and other components to ensure the shadow transparency is applied consistently and enhances readability and depth.
2. **Check Consistency:**
   * Ensure that the shadow transparency aligns with your brand’s aesthetic and is consistent across both desktop and mobile devices.
3. **Test Across Devices:**
   * Verify the shadow transparency on different devices to ensure it looks good and maintains readability on all screen sizes.

### Summary

By using the "Shadows (Alpha)" setting, you can control the transparency of both text shadows and outside shadows on your Shopify store, adding depth and emphasis to your elements. This flexibility allows you to enhance the visual appeal and readability of your components, ensuring a consistent and professional presentation across all devices.

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/shadows/styles/alpha.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.