Before you ask please READ THIS

Changing default Password protected page template for mobile

in Rife Posts: 35
Hello :-)

Where can i change default Password protected page template for mobile because padlock icon and text are too large on mobile and field to put password and button SUBMIT are too wide like on attached file ?

Kind regards,
Arek
Password-protected-page-template-on-mobile.jpg
300 x 650 - 74K

Comments

  • AirAir
    edited June 8 Posts: 10,449
    Hello :-)

    You can not edit the default template, but I can help you with some CSS tweaks for it.

    Try adding such custom CSS:
    @media only screen and (max-width: 600px) {
    	body.password-protected .title-bar.outside .page-title {
    		font-size: 24px;
    	}
    	.password-protected .emblem {
    		font-size: 2em;
    	}
    	.password-protected .post-password-form {
    		max-width: 80%;
    	}
    }
    With kind regards.
    Post edited by Air on
  • Posts: 35
    Hello :-)

    Now it looks great :smiley:
    Thank you very much for help.

    Kind regards,
    Arek
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion