Download AppSectionsWebsite

Horizontal Padding

How to Adjust Button Positioning in AppSections Brand Style

The "Button Positioning" setting in the AppSections Brand Style allows you to control the horizontal padding of buttons, providing flexibility in defining the space around the button text. This setting ensures that buttons have a consistent and visually appealing appearance across your store. Here is how you can adjust the horizontal padding for buttons:

Button Positioning (Horizontal Padding)

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

  • Usage: Use the range selector to set the desired horizontal padding for buttons, with options ranging from 0% to 500%.

Steps to Adjust Button Positioning (Horizontal Padding)

  1. Select the Brand Style:

    • Open your Shopify theme editor.

    • Navigate to the Brand Style settings.

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

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

  3. Adjust Horizontal Padding for Desktop:

    • Locate the setting specifically for desktop.

    • Use the range selector to set the horizontal padding for buttons between 0% and 500% of the button text size.

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

  4. Adjust Horizontal Padding for Mobile:

    • Locate the setting specifically for mobile.

    • Use the range selector to set the horizontal padding for buttons between 0% and 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 button padding settings, preview your store to see how the buttons look.

    • Check various buttons to ensure the horizontal 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 (Horizontal Padding)" setting, you can control the horizontal 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