Download AppSectionsWebsite

Brightness

How to Adjust Brightness for Media in AppSections

The "Brightness" setting in AppSections allows you to adjust the brightness filter applied to media within blocks, groups, and sections. This setting provides flexibility in defining the appearance of your media by making it more or less visible, enhancing the overall visual appeal and consistency with your brand style. Here is how you can adjust the brightness:

Brightness

Purpose: This setting allows you to manage the brightness filter of the media.

Usage: Use the range selector to set the desired brightness from 0% to 100%.

Steps to Adjust Brightness

  1. Select the Block/Group/Section:

    • Open your Shopify theme editor.

    • Navigate to the specific block, group, or section containing the media you want to adjust.

  2. Locate the Brightness Setting:

    • In the settings for the block, group, or section, find the Brightness option.

  3. Adjust Brightness:

    • Use the range selector to set the brightness between 0% and 100%:

      • 0%: The media is completely dark and opaque.

      • 100%: The media is fully bright and visible.

Ensuring the Right Brightness

  1. Preview Changes:

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

    • Check the block, group, or section to ensure the brightness adjustment is applied correctly and enhances the visual appeal.

  2. Check Consistency:

    • Ensure that the brightness adjustment aligns with your brand’s aesthetic and provides a cohesive look across both desktop and mobile devices.

  3. Test Across Devices:

    • Verify the brightness adjustment on different devices to ensure it looks good and maintains visual appeal on all screen sizes.

Summary

By using the "Brightness" setting in AppSections, you can manage the brightness filter of the media for your blocks, groups, and sections in your Shopify store. This flexibility allows you to enhance the visual appeal and consistency of your components, ensuring a dynamic and engaging user experience across all devices.

If you have any questions or need further assistance, please contact our customer support team.

Last updated