Download AppSectionsWebsite

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.

Last updated