How can I add a black outline to input fields on my contact page?

Store Design
1

Hello,

I built my contact page. I enabled the theme template and chose to use the contact form that shopify provides. However, there are no outlines around the input fields. Is there any code that could add a black outline around all the input fields.

Really would appreciate some help.

Storeurl: https://shopstretchnow.com/pages/contact-us

2

@Homedicalco Hello add this css in Asstes > theme.scss.css bottom of file

#contact_form input, #contact_form textarea {
border: 1px solid #ddd;
}

3

Hi @Homedicalco ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
#contact_form input, #contact_form textarea {
    border: 1px solid #000 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.