Horizontal Alignment

How to Adjust Horizontal Alignment of Button Text in AppSections Brand Style

The "Horizontal Alignment" setting in the AppSections Brand Style allows you to control the horizontal positioning of text within a button, especially when horizontal padding is applied. This setting enables you to fine-tune the text's position for a balanced and visually appealing appearance. Here is how you can adjust the horizontal alignment for button text:

Horizontal Alignment of Button Text

• Purpose: This setting allows you to adjust the horizontal positioning of the text within a button, considering the applied padding.

• Usage: Use the range selector to set the desired horizontal alignment for button text, with options ranging from -100 (left) to +100 (right), and 0 for center alignment.

Steps to Adjust Horizontal Alignment of Button Text

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Horizontal Alignment Setting:

   • In the Brand Style settings, find the Horizontal Alignment option.

3. Adjust Horizontal Alignment:

   • Use the range selector to set the horizontal alignment of the button text between -100 and +100:

     • -100: Aligns the text to the left side of the button.

     • 0: Centers the text horizontally within the button.

     • +100: Aligns the text to the right side of the button.

Ensuring the Right Horizontal Alignment

1. Preview Changes:

   • After adjusting the horizontal alignment, preview your store to see how the button text looks.

   • Check various buttons to ensure the horizontal alignment is applied consistently and enhances the visual appeal and usability.

2. Check Consistency:

   • Ensure that the horizontal alignment aligns with your brand’s aesthetic and provides a smooth user experience across both desktop and mobile devices.

3. Test Across Devices:

   • Verify the horizontal alignment on different devices to ensure it works well and maintains visual appeal on all screen sizes.

Summary

By using the "Horizontal Alignment" setting, you can control the horizontal positioning of button text on your Shopify store, ensuring it has a balanced and professional appearance. This flexibility allows you to enhance the visual appeal and usability of your buttons, 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.