###### About:

This documentation presents the customization options available for the buttons and other input elements across the theme.

###### Buttons typography settings:

**Font size scale:** This option applies changes on all the buttons in your store, and it modifies them in a uniform manner to achieve the most optimized look. 

The range goes between 50% and up to 150%


**Letter spacing (em):** This option changes the spacing between the headings letters with the following options:
-0.04 / -0.02 / 0 / 0.1 / 0.2



**Text letter case:** Normal / Capitalize / Uppercase


**Fonts:**

They can be changed to match your design preference by clicking on the "Change" button.

<div style="text-align: center;">
    <img src="https://cmsad.digifist.com/uploads/Fonts_1_a6781cf02b.png" alt="Fonts 1" style="width: 50%;">
</div>


This action will open a new window with the list of fonts available to you via Shopify's fonts database:

<div style="text-align: center;">
    <img src="https://cmsad.digifist.com/uploads/Fonts_2_4a6e36b6b7.png" alt="Fonts 2" style="width: 50%;">
</div>

The font style can also be selected from here:

<div style="text-align: center;">
    <img src="https://cmsad.digifist.com/uploads/Fonts_Style_01a34bca58.png" alt="Fonts Style">
</div>

###### Other settings:

**Shape:** Squared / Rounded 


**Input shape:** Squared / Rounded 
Note: This setting affects the input fields' corners.



**Icon stroke width:** Light / Medium / Bold



**Icon corner shape:** Rounded / Sharp


Buttons and inputs

Impress your customers with this clean and contemporary theme.

Release

favicon-32x32.png

Agency

Themes

Homepage

Can I add video and 3D images to my product pages?

What’s included with my theme purchase?

Can customers checkout in a different currency?

Documentation

FAQs

Contact us if you have questions about our themes.

Theme Helpcenter

Documentation

Buttons and inputs

About:

Buttons typography settings:

Other settings:

Was this article helpful?

Stay connected