Announcement

Collapse
No announcement yet.

How to Narrow the "Not Authorized" page login form module

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

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

    Click image for larger version  Name:	no-permission-page.png Views:	0 Size:	53.3 KB ID:	24535


    You can accomplish this by adding this custom CSS in css_additional template:
    Code:
    .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.
    Last edited by glennrocksvb; 11-17-2022, 10:38 AM. Reason: Updated CSS code for mobile
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    Very appreciated! looks really clean now
    thx

    Comment


      #3
      I have updated the CSS code in the first post to fix an issue on mobile.
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment

      Latest Topics

      Collapse

      Working...
      X