Official - Free How to Narrow the "Not Authorized" page login form module

[glennrocksvb]

By default, the "Not Authorized" page login form module is too wide. You can make it narrow and look much better like this:




You can accomplish this by adding this custom CSS in css_additional template:

.canvas-widget-list.section-0 > .h-center-horizontal-container > .h-center-horizontal {
   width: 425px;
   max-width: 100%;
   margin: 0 auto 20px;
   border: 1px solid #aaa;
   padding: 20px;
   border-radius: 5px;
   background: #EFF3F4;
   background: linear-gradient(to bottom,#FFFFFF,#EFF3F4);
   box-sizing: border-box;
}

Adjust the values according to your preferences.

[darkboy245]

Very appreciated! looks really clean now
thx

[glennrocksvb]

I have updated the CSS code in the first post to fix an issue on mobile.