> For the complete documentation index, see [llms.txt](https://docs.appsections.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.appsections.com/settings/positionning/styles/buttons-positionning/vertical-padding.md).

# 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appsections.com/settings/positionning/styles/buttons-positionning/vertical-padding.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.