Line Height

How to Adjust Line Height in AppSections Brand Style

The "Line Height" setting in the AppSections Brand Style allows you to control the vertical spacing between lines of text using a common range selector for both desktop and mobile views. This setting ensures that text elements are spaced appropriately for readability and aesthetics across all devices. Here is how you can adjust the line height:

Line Height Range Selector

Line Height:

• Purpose: This setting allows you to adjust the vertical spacing between lines of text elements.

• Usage: Use the range selector to set the desired line height for both desktop and mobile views simultaneously.

Steps to Adjust Line Height

1. Select the Brand Style:

   • Open your Shopify theme editor.

   • Navigate to the Brand Style settings.

2. Locate the Line Height Setting:

   • In the Brand Style settings, find the Line Height option.

   • This setting uses a common range selector for both desktop and mobile.

3. Adjust Line Height:

   • Use the range selector to set the line height between 100% and 200%.

   • Move the slider to adjust the line height until the text has the desired vertical spacing.

Ensuring the Right Line Height

1. Preview Changes:

   • After adjusting the line height, preview your store to see how the changes look.

   • Check various text elements to ensure the line height is applied consistently and improves readability.

2. Check Readability:

   • Ensure that the line height enhances readability on both desktop and mobile devices.

   • Avoid line heights that are too tight or too loose, which could affect the user experience.

3. Test Across Devices:

   • Verify the line height on different devices to ensure it looks good and maintains readability on all screen sizes.

Summary

By using the "Line Height" setting, you can control the vertical spacing of text elements on your Shopify store, ensuring they are appropriately spaced for readability and aesthetics across all devices. This flexibility allows you to maintain a consistent and readable text presentation throughout your store.

If you have any questions or need further assistance, please contact our customer support team.