The allauth_ui app has certain redesigned html file of allauth account application. But what specific problem I faced was during signup email verification process. The email verification page was not taking styles of allauth_ui app. The confirm_email_verification.html is in the app but base_confirm.html is not there. The solution is create a new base_confirm_code.html. Copy the allauth base_confirm_code.html and edit it as follows.
-
After the load tags, add {%load allauth_ui%} and {% widget tweaks %}.
-
Put everything inside the "block content" part inside the "container" component as below:
{%block content%}
{% #container heading="" %}
**All the existing code
{% /container %}
{% endblock content %}
P.S. : I am not putting picture of the unstyled page because I fixed it and I don't want to revert it back to take picture. But still if someone insist I can do that.
The allauth_ui app has certain redesigned html file of allauth account application. But what specific problem I faced was during signup email verification process. The email verification page was not taking styles of allauth_ui app. The confirm_email_verification.html is in the app but base_confirm.html is not there. The solution is create a new base_confirm_code.html. Copy the allauth base_confirm_code.html and edit it as follows.
After the load tags, add {%load allauth_ui%} and {% widget tweaks %}.
Put everything inside the "block content" part inside the "container" component as below:
{%block content%}
{% #container heading="" %}
**All the existing code
{% /container %}
{% endblock content %}
P.S. : I am not putting picture of the unstyled page because I fixed it and I don't want to revert it back to take picture. But still if someone insist I can do that.