Vertical Alignment

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

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

Vertical Alignment of Button Text

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

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

Steps to Adjust Vertical Alignment of Button Text

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Vertical Alignment Setting:

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

3. Adjust Vertical Alignment:

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

     • -100: Aligns the text at the bottom of the button.

     • 0: Centers the text vertically within the button.

     • +100: Aligns the text at the top of the button.

Ensuring the Right Vertical Alignment

1. Preview Changes:

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

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

2. Check Consistency:

   • Ensure that the vertical 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 vertical alignment on different devices to ensure it works well and maintains visual appeal on all screen sizes.

Summary

By using the "Vertical Alignment" setting, you can control the vertical 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.