Imput field -> change to underline

Hi,

I like to change all of the the imput-fieds from box to just underline. Border Bottom 1 px.

This is the news field on the landing page as an example. Dawn theme.
www.todecay.com

2 Likes

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.field__input {
    text-decoration: underline !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hi @larsvilhelmsson , I hope you are doing well.

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Hi @larsvilhelmsson ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Cheers thanks for the help!

1 Like

@larsvilhelmsson , No problem. Glad to help you :heart_eyes: