Download AppSectionsWebsite

Vertical Padding

How to Adjust Button Positioning Vertical Padding in AppSections Brand Style

The "Button Positioning" setting in the AppSections Brand Style allows you to control the vertical padding of buttons, ensuring they have a consistent appearance and appropriate spacing. This setting uses a slider to adjust the padding as a percentage of the button text size, providing flexibility in enhancing the visual appeal and usability of your buttons. Here is how you can adjust the vertical padding:

Button Positioning (Vertical Padding)

  • Purpose: This setting allows you to adjust the vertical padding of buttons as a percentage of the button text size.

  • Usage: Use the slider to set the desired vertical padding from 0% to 500% of the button text size.

Steps to Adjust Button Positioning (Vertical Padding)

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

  2. Locate the Button Positioning (Vertical Padding) Setting:

    • In the Brand Style settings, find the Button Positioning (Vertical Padding) option.

  3. Adjust Vertical Padding for Desktop:

    • Locate the setting specifically for desktop.

    • Use the slider to set the vertical padding from 0% to 500% of the button text size.

    • Move the slider to adjust the padding to the desired value.

  4. Adjust Vertical Padding for Mobile:

    • Locate the setting specifically for mobile.

    • Use the slider to set the vertical padding from 0% to 500% of the button text size.

    • Move the slider to adjust the padding to the desired value.

Ensuring Consistent Button Padding

  1. Preview Changes:

    • After adjusting the vertical padding settings, preview your store to see how the buttons look.

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

  2. Check Consistency:

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

  3. Test Across Devices:

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

Summary

By using the "Button Positioning (Vertical Padding)" setting, you can control the vertical padding of buttons on your Shopify store, ensuring they have a consistent 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.

Last updated