How to fix text issues on Dawn theme customer login page?

Store Design
1

Hi there,

I have an issue with my website where the coding in the theme is messing with the text on “customer login” page

can anyone help please

2

@Naturalumber Can you share your store url?

3

www.naturalumber.com

4

@Naturalumber add below code into main-login.liquid file

{{ 'customer.css' | asset_url | stylesheet_tag }}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }
{%- endstyle -%}

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

      {{ 'customer.recover_password.subtext' | t }}
    

    {%- form 'recover_customer_password' -%}
      {% assign recover_success = form.posted_successfully? %}
      
        
        
      

      {%- if form.errors -%}
        <small>
          
          {{ form.errors.messages.form }}
        </small>
      {%- endif -%}

      

      
        {{ 'customer.login_page.cancel' | t }}
      
    {%- endform -%}
  

  # 
    {{ 'customer.login_page.title' | t }}
  
  
    {%- if recover_success == true -%}
      ### 
        
        {{ 'customer.recover_password.success' | t }}
      
    {%- endif -%}
    {%- form 'customer_login', novalidate: 'novalidate' -%}
      {%- if form.errors -%}
        ## 
          {{ 'accessibility.error' | t }} 
          
          {{ 'templates.contact.form.error_heading' | t }}
        
        {{ form.errors | default_errors }}
      {%- endif -%}

      
        
        
      

      {%- if form.password_needed -%}
        
          
          
        

        
          {{ 'customer.login_page.forgot_password' | t }}
        
      {%- endif -%}

      

      
        {{ 'customer.login_page.create_account' | t }}
      
    {%- endform -%}
  

  {%- if shop.checkout.guest_login -%}
    
      

---

      ## {{ 'customer.login_page.guest_title' | t }}

      {%- form 'guest_login' -%}
        
      {%- endform -%}
    

  {%- endif -%}

{% schema %}
{
  "name": "t:sections.main-login.name",
  "settings": [
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 36
    }
  ]
}
{% endschema %}

i think it might be happen by using review slider in login page.

5

currently no “main.login.liquid” file

what do now?