I am running into an issue with the helper text for the Password field on my signup page using Django's default signup form. Despite my efforts, I can't seem to resolve it.
Below is the body of my signup.html:
<body class="text-center">
<form class="form-signin" method="POST">
{% csrf_token %}
<h1 class="h3 mb-3 font-weight-normal">Sign up</h1>
{% for field in form %}
<label for="{{ field.id_for_label_tag }}">{{ field.label_tag }}</label>
{{ field | add_class:'form-control' }}
{% for text in field %}
<small style="color: grey">{{ field.help_text }}</small></br></br>
{% endfor %}
{% for error in field.errors %}
<p style="color: red">{{ error }}</p>
{% endfor %}
{% endfor %}
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign up</button>
<p class="mt-5 mb-3 text-muted">© 2017-2018</p>
</form>
</body>
Here is a screenshot of the page: https://i.sstatic.net/0bSzm.png
If you can't view the above screenshot, here is another link:
Upon inspecting the screenshot, the ul and li tags seem to be unaffected by the styling as indicated by the red arrow. How can I resolve this issue?