How to remove border on form input field DAWN theme

mgrp
Tourist
15 0 2

Hi all, I embedded a Shopify form but I want to get rid of the border around the tex input fields, I don't want the border to appear when the field is being typed in either, I want it to look like this :

 

IMG_9765.jpg

 

 

here is the website https://d9423d-93.myshopify.com/

 

any help would be greatly appreciated 

Replies 4 (4)

Raj-webdesigner
Shopify Partner
236 52 53

Add This Css in Your bsae.css File

.contact .field {
    border-bottom: 1px solid;
}



If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com
mgrp
Tourist
15 0 2

that didn't work for me sadly 😞

BOOST-STAR
Shopify Partner
98 7 11

Hi, Mgrp

I hope you are doing Great.

If you will put below code  in "base.css" which are in assets holder form in the Shopify Dawn theme: Go to the Shopify admin dashboard Click Online Store Click Themes Find the theme to edit Click Actions Click Edit Code In the Assets folder, click the file that stores the CSS styles At the bottom of the file, add the following CSS code: base.css style.css theme.css p 9.pngp 10.png

 

- Call Us BOOST STAR
- Was our reply helpful? Give us BOOST ... We mean 'Like'
- Was your question answered? Marked us reply as an Accepted Solution
mgrp
Tourist
15 0 2

hi there! I'm unable to see the code you want me to try.