Box outlines missing on my contact form page (Narrative Theme)

Solved
Highlighted
Excursionist
18 0 6

Hello,

I have just added the contact form page on my website and I see that there are no outlines for the Name, Email, Phone number and Message boxes, which I think doesn't look really nice and makes it difficult to see.

 

Screenshot:

Screen Shot 2020-07-29 at 3.02.01 PM.png

 

How can I add the outlines? And is it possible to have the outlines appear in a specific color?

 

Website: https://gymelectronics.com/pages/contact-us

Password: aleang

 

Thank you

0 Likes
Highlighted
Shopify Partner
2224 482 625

Hey @Thevyvy,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

#contact-us input[type='text'], textarea, select {
    border: 1px solid #dfdfdf;
}

 

You can change the color code as per your need.

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
18 0 6

Thanks for the fast answer! But it seems that it only worked for 2 fields, it isn't outlining the email and phone number fields.

 

Screenshots:

Screen Shot 2020-07-29 at 3.26.33 PM.png

 

Thank you!

0 Likes
Highlighted
Shopify Partner
2224 482 625

This is an accepted solution.

Hey @Thevyvy,

Please remove old code and add this at the bottom of your theme.scss.liquid file.

#contact-us input[type='text'], textarea, select, input[type='email'] , input[type='tel'], input[type='number'] {
    border: 1px solid #dfdfdf;
}

 

This should work. Let me know.

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
18 0 6

It worked, thanks!

1 Like