Download AppSectionsWebsite

Blur

How to Adjust Shadows Blur 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 Blur adjustment lets you set the blur radius of the shadow, which affects how sharp or diffuse the shadow appears. This setting provides flexibility in adding depth and emphasis to your elements, enhancing the overall visual appeal. Here is how you can adjust the shadows blur:

Shadows Blur Range Selector

  • Purpose: This setting allows you to adjust the blur radius of the shadows, including both text shadows and outside shadows.

  • Usage: Use the range selector to set the desired blur amount from 0vw to 3vw.

Steps to Adjust Shadows Blur

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Locate the Shadows Blur Setting:

    • In the Brand Style settings, find the Shadows (Blur) option.

  3. Adjust Shadows Blur:

    • Use the range selector to set the shadows blur between 0vw and 3vw.

    • Move the slider to adjust the blur to the desired level:

      • 0vw: No blur, resulting in a sharp shadow.

      • 3vw: Maximum blur, resulting in a very diffuse shadow.

Ensuring the Right Shadows Blur

  1. Preview Changes:

    • After adjusting the shadows blur, preview your store to see how the changes look.

    • Check various text elements and other components to ensure the shadow blur is applied consistently and enhances readability and depth.

  2. Check Consistency:

    • Ensure that the shadows blur aligns with your brand’s aesthetic and is consistent across both desktop and mobile devices.

  3. Test Across Devices:

    • Verify the shadows blur on different devices to ensure it looks good and maintains readability on all screen sizes.

Summary

By using the "Shadows (Blur)" setting, you can control the blur radius 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