Support » Plugin: Password Protected » Change WordPress Logo

Viewing 10 replies - 1 through 10 (of 10 total)
  • ….not just the logo how about the whole screen and panel?

    Maybe a custom CSS file solely for your login screen that won’t effect the actual site you are logging in to.

    For now may I hack into the plugin and avoid updates?

    Just found the php file in the ‘theme’ folder
    All your CSS is inline. Why not add an external css file, reference it in the header then add another empty css file (custom.css) that overrides your previous css and let people add their own custom css from within the admin panel?

    That custom css file would never be over written in any updates…

    …if you could make it easier to maybe add canvas animations as the background OR Vegas Plugin transitions that would cool. Just add an empty div for them above the background perhaps

    Just a suggestion

    In fact I’m going to do this so none of my changes will be overwritten by an update (no need for ANOTHER plugin just to change the logo)

    • This reply was modified 5 months, 1 week ago by  ncacace.
    • This reply was modified 5 months, 1 week ago by  ncacace.
    • This reply was modified 5 months, 1 week ago by  ncacace.

    …How do I delete this post?

    There’s only an option to edit.

    • This reply was modified 5 months, 1 week ago by  ncacace.
    Moderator Steve Stern


    Support Team Volunteer

    Forum topics will only be edited or deleted if they represent a valid legal, security, or safety concern.

    See and

    Yup that worked

    Go to the theme folder of the plugin (password-protected-login.php)
    add this to line 110 (just above the closing /head tag)….

            //zambala external custom CSS file
            $CURRENT_PATH = plugins_url( 'custom.css', __FILE__ );
    <link rel="stylesheet" href="<?php echo $CURRENT_PATH; ?>">

    Create a custom.css file in the same directory as the php file (i also added an imgs directory to keep my images in that my css uses

    Too easy

    If you want to look at my css just go to my site link and view the source
    find the reference to the custom.css file’s path and open it.

    DON’T FORGET Keep a copy of the edited php file (just rename it) next to the correct one as it could be overwritten with the next update

    Plugin Author Ben Huson


    You can do this without hacking the plugin using the password_protected_login_head hook.

    function my_password_protected_login_head() {

    // Output your link to a CSS file in your theme folder (or wherever)
    echo ‘<link rel=”stylesheet” href=”‘ . get_stylesheet_directory_uri() . ‘/pp-login.css”>’;

    add_action( ‘password_protected_login_head’, ‘my_password_protected_login_head’ );

    Hi Ben,

    Thank you for making such a wonderful plugin. I am a total noob, how do I find the password_protected_login_head you are mentioning? What are the steps to change the logo?

    Again, thank you!

    Used the solution by Ncacace and it worked fine. I would have used Bens solution but he didn’t explain where to put the code. I assume it was in the functions.php, but it wasn’t clear. Perhaps give a step by step guide Ben, as the plugin is excellent, but it needs the ability to style it.

    @ncacace Can I hire you to customize?


    @husobj Thanks for the plugin! Do you have a video tutorial in how to customize?


    The code provided by @husobj should be placed in the functions.php file of your (child) theme.

    Also you should create a pp-login.css file in the same folder.

Viewing 10 replies - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.