Simple Theme - Adding border around input fields

Shopify Discussion
1

This seems so simple, yet I cannot figure it out.

I have my background on my website set to pure white, and my input fields are the same. So the result is that you can’t see where an input field is, unless you hover directly over the field. How can I add a border around every input field, site-wide?

A nice border shows up when you click on the field, but disappears when you aren’t clicked into it. I want it there all the time.

2

Hello,

Add this css in theme.scss.liquid, you can find this file under assets. And you have to add this css code at the bottom.

.form-vertical input, .form-vertical select, .form-vertical textarea {
    border: solid 1px #000;
}

You can change color code a/to your need.

thanks

3

I added that, but it did not do anything.

4

I found the solution. I found the line in the code in the theme file mentioned above and added the border to the form style.

5

Hi Kirsch. I’m using the Dawn theme and have the same issue. I don’t see even see a theme.scss.liquid under assets. Is there another place to look? Sorry for being such a dunce. Lisa