https://yoga-spirit-mauritius.myshopify.com/pages/contact
rtewth
Topic summary
A user is experiencing a border display issue on a contact form’s first name field on their Shopify store. The top border appears to be missing or incorrectly styled.
Proposed Solutions:
- One suggestion involves adding CSS code to
theme.csstargeting._formFieldContainer_1ydxd_5withmargin-block: 1px !important - Another recommends adding custom CSS in theme settings:
._formFieldContainer_1ydxd_5 #first_name { border-top: outset !important; }
Current Status:
The issue remains unresolved. Multiple CSS solutions were attempted but none have worked for the user. A helper offered to access the store directly to implement changes, and requested a collaborator account to troubleshoot further. The discussion is ongoing with the user still seeking a working solution.
Hello @TBS2023
Go to online store ---------> themes --------------> actions ------> edit code------->theme.css
at the very end of the file
div._formFieldContainer_1ydxd_5 {
margin-block: 1px !important;
}
result
If this was helpful, hit the like button and mark the job as completed.
Thanks
Go to theme setting and add this code in custom css.
._formFieldContainer_1ydxd_5 #first_name {
border-top: outset !important;
}
Mark this as solution if it works for you. If you need help then let me know. Thanks
not working
try with important.
._formFieldContainer_1ydxd_5 #first_name {
border-top: outset !important;
}
if it does not work. give me access to the store i will do the changes.
Sorry i missed a dash in start. You can check my first reply. It will work now. Please like and mark my solution as accepted. thanks
still nothing 
still nothing - please send a collaborator request and i will accept it
do you still need help?