Inputs
Inputs are interactive areas that require customer input, for example, a quantity selector, an email signup, contact us, comments form fields, or cart notes. You can adjust the appearance of your online store inputs in theme settings.
Border settings
Customize the appearance of inputs border:
| Setting | Description |
| Thickness | Use the slider to adjust thickness of border. The range is from 0px to 12px. |
| Opacity | You can increase or decrease visibility of border color to make it more expressive or less noticeable. |
| Corner radius | Use the slider to control the rounding of inputs fields. You can adjust the radius to achieve the desired level of roundness or squareness, aligning them with your design vision. The range is from 0px to 40px. |
Shadow settings
The “Shadow settings” allow you to customize the appearance of shadows for inputs fields on your website.
| Setting | Description |
| Opacity | This setting controls the transparency or darkness of the shadow. You can adjust it to make the shadow more or less prominent. |
| Horizontal offset | Horizontal offset determines how far the shadow extends horizontally from the element casting the shadow. A positive value will move the shadow to the right, while a negative value will move it to the left. |
| Vertical offset | Vertical offset determines how far the shadow extends vertically from the element. A positive value will move the shadow downwards, while a negative value will move it upwards. |
| Blur | The blur setting controls the sharpness or softness of the shadow's edges. |
Textarea
| Setting | Description |
| Corner radius | Use the slider to control the rounding of the textarea fields, such as the “Message” field on the Contact Us form or the “Comment” field on the Leave a Comment section of the Blog Detailed page. Adjust the radius to achieve the desired level of roundness or squareness, ensuring it aligns with your design vision. The range is from 0px to 40px. |