Hi,
can anyone help me make the bottom-borders of my form field (your email and city) stay centered but shorter by 50-60%. They are very wide. Thank you!!
1b9fmk-5h.myshopify.com/pages/shows
Topic summary
A user seeks help reducing the width of bottom borders on form input fields (email and city) by 50-60% while keeping them centered. The fields currently appear too wide on their store page.
Proposed Solution:
- Add CSS code to the
base.cssfile - Target the form container with
align-items: center !important; - This centers the form elements, potentially addressing the visual width issue
Status: One solution has been offered but not yet confirmed as tested or effective by the original poster. The approach focuses on alignment rather than directly modifying border width properties.
2 Likes
Hi @Daniel19901
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.needsclick.kl-private-reset-css-Xuajs1 {
align-items: center !important;
}
Result
Best
DaisyVo
1 Like