Y

How to Adjust Shadows 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 Y-axis adjustment lets you set the vertical shadow position. This setting provides flexibility in adding depth and emphasis to your elements, enhancing the overall visual appeal. Here is how you can adjust the shadow along the Y-axis:

Shadows Y-axis Range Selector

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

  • Usage: Use the range selector to set the desired Y-axis shadow offset from -3vw to +3vw.

Steps to Adjust Shadows (Y-axis)

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Locate the Shadows Y-axis Setting:

    • In the Brand Style settings, find the Shadows (Y-axis) option.

  3. Adjust Shadows Y-axis:

    • Use the range selector to set the shadow offset along the Y-axis between -3vw and +3vw.

    • Move the slider to adjust the shadow position to the desired offset:

      • Negative values (-3vw to 0vw) will move the shadow upward.

      • Positive values (0vw to +3vw) will move the shadow downward.

Ensuring the Right Shadows Y-axis

  1. Preview Changes:

    • After adjusting the shadows Y-axis, preview your store to see how the changes look.

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

  2. Check Consistency:

    • Ensure that the shadows align with your brand’s aesthetic and are consistent across both desktop and mobile devices.

  3. Test Across Devices:

    • Verify the shadows on different devices to ensure they look good and maintain readability on all screen sizes.

Summary

By using the "Shadows (Y-axis)" setting, you can control the vertical position 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