Not Sure Where Internal Login From is coming from and how to edit

When clicking on the link below you will see that this page is restricted using the Page Restrict plugin.

I tried changing the message from "You are required to login to view this page." to "You are required to login to view this page but here is more info" by editing the Restriction Message within the Page Restrict settings, but this did not change anything. How can I edit this message and add my own HTML?

Also, as you can see from the link below the Login and Password are not aligned and I would like this to be aligned. Can you do this for me? If not, how can I do this on my own?

Here is the page: http://annadelins.infoflocloud.com/prescription-list/

Thank You.

  • Milan

    Hello @chriscarpenter,

    I hope you are having a good day and thanks for the posting. :slight_smile:

    Plugin Page Restrict provides global settings under Settings > Page Restrict. I've attached screenshot for you reference.

    You can easily change message via Settings > Page Restrict > Restriction Message . Restriction Message field can also take html as message.

    Please try out this css snippet for login page customization..

    #post-307 header,
    #post-307 div.entry-content{
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform, #post-307 div.entry-content form#loginform{
    	display: inline-block;
    }
    
    #post-307 div.entry-content form#loginform p label{
    	text-align: left;
    }
    
    #post-307 div.entry-content div.page-restrict-output p{
    	display: inline-block;
    	width: 100%;
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform .login-submit,
    #post-307 div.entry-content form#loginform .login-remember
    {
    	display: inline-block;
    	width: 100%;
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform p.login-password label{
    	margin-right: 3px;
    }
    
    #post-307 div.entry-content form#loginform p .input{
    	text-align: right;
    }

    You can copy this css snippet to your current theme's style.css file or better in child theme's style.css file.

    Or you can use this nice plugin for managing css snippets.

    https://wordpress.org/plugins/simple-custom-css/

    Let me know how it goes for you. :slight_smile:

    Best Regards,
    Milan Savaliya.

  • Milan

    Hello @chriscarpenter,

    I hope you are having a good day and sorry for being late here.

    I've tested above code with chrome developer tool on your site, surprisingly it is working fine, seems like there must be other problem causing this issue on your end.

    As I can see you have successfully removed extra space which was there before when I've written custom css code snippet. I've attached screenshot of view I am getting on my browser.

    If you still facing problem with my custom code would you please replace my previous code with this one ?

    #post-307 header,
    #post-307 div.entry-content{
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform, #post-307 div.entry-content form#loginform{
    	display: inline-block;
    }
    
    #post-307 div.entry-content form#loginform p label{
    	text-align: left;
    }
    
    #post-307 div.entry-content div.page-restrict-output p{
    	display: inline-block;
    	width: 100%;
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform .login-submit,
    #post-307 div.entry-content form#loginform .login-remember
    {
    	display: inline-block;
    	width: 100%;
    	text-align: center;
    }
    
    #post-307 div.entry-content form#loginform p .input{
    	text-align: right;
    }

    I've also attached screenshot describing you view I am getting in browser with my custom css applied on your site.

    I hope this helps you. :slight_smile:

    Please let me know if there is anything else I can help you with. Or advice me if I've missed something.

    I am happy to help you. :slight_smile:

    Kind Regards,
    Milan Savaliya.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.