Border Width

How to Adjust Border Width in AppSections Brand Style

The "Border Width" setting in the AppSections Brand Style allows you to control the thickness of borders applied to various elements. This setting provides flexibility in defining the appearance and emphasis of borders, enhancing the visual appeal and structure of your components. Here is how you can adjust the border width:

Border Width

• Purpose: This setting allows you to adjust the thickness of borders on elements.

• Usage: Use the range selector to set the desired border width from 0px to 10px.

Steps to Adjust Border Width

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Border Width Setting:

   • In the Brand Style settings, find the Border Width option.

3. Adjust Border Width:

   • Use the range selector to set the border width between 0px and 10px:

     • 0px: No border.

     • 10px: Thickest border.

Ensuring the Right Border Width

1. Preview Changes:

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

   • Check various elements to ensure the border width is applied consistently and enhances the visual appeal and structure.

2. Check Consistency:

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

3. Test Across Devices:

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

Summary

By using the "Border Width" setting, you can control the thickness of borders on your elements in your Shopify store. This flexibility allows you to enhance the visual appeal and structure 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.