How to change borderless input field

Highlighted
Explorer
96 0 4

Using Debut. I have set my input to border: none. This works for me across my website except my customer login page. Email and password are the only input fields I want to have a border. How would I got about accomplishing this?

My relevant theme code:

 

input,
textarea,
select {
  border: none;
  background-color: $color-text-field;
  color: $color-text-field-text;
  max-width: 100%;
  line-height: 1.2;
  border-radius: $border-radius;
0 Likes
Highlighted
Shopify Partner
1023 214 463

@tesstesting 

 Send me your store URL so I can check and assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted

Hey @tesstesting,

The code you included will affect all text area fields throughout your website. The trick is to identify the exact classes of the email and password fields and add a border custom css there.
You can try it out yourseld and if it doesn't help, do share the url of the page where these can be found and I would be happy to help you out.

Best regards,
Vignesh
ModeMagic Product Labels App

If you found this helpful then please Like and Accept Solution
Install ModeMagic - Product Labels & Badges for your store
Featured on Shopify App Store
0 Likes