How can I add a border to the email input field in my form?

Store Design
, , , ,
1

I am having trouble getting a border around the email input field. I would like it to be the same as the password fields border. I have tried different variations of code both in the theme files and in the theme editor via custom CSS but neither have been successful. Any help would be highly appreciated! This is the current page and code:

biznazz101_1-1680747887192.png
biznazz101_1-1680747887192.png978×883 42.6 KB


        {% form 'customer_login' %}

          # {{ 'customer.login.title' | t }}

          {%- if form.errors -%}
            
              {{ form.errors | default_errors }}
            

          {%- endif -%}

          
          

          {% if form.password_needed %}
            
            
          {% endif %}

          

            {% if form.password_needed %}
              

{{ 'customer.login.forgot_password' | t }}

            {% endif %}
2

@biznazz101 - can you please share this page link?

3

Hi @biznazz101 ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

  1. Go to Edit code on Online Store:

GemPages_0-1680752448546.png
GemPages_0-1680752448546.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.