> 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/horizontal-alignment.md).

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


---

# 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/horizontal-alignment.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.