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

Solved
Thevyvy
Excursionist
36 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
dmwwebartisan
Shopify Partner
5862 1339 1721

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Thevyvy
Excursionist
36 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
dmwwebartisan
Shopify Partner
5862 1339 1721

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.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
Thevyvy
Excursionist
36 0 6

It worked, thanks!

AlexandruToma
Tourist
4 0 1

Hello, I had the same problem and i copy pasted the code you posted but only "Name" box isn't outlined.
Another problem, I installed the Infinite options by ShopPad and all of the boxes have not outline, should i contact them or is just another code that i'm missing.

Thank you

0 Likes