Add padding to password box

Support
#1

Hi,

How can I add padding to the top, left and bottom of this password box on this page

http://www.centralqueenslandpir.org/staff-access/

Thank you,
Nadia

1 Like
#2

Hi @ourphn,

Thanks for writing in.

Add this in your custom CSS:

.post-password-form input[type="password"]{ 
padding:10px !important;
}

Let us know how it goes.

Thanks

#3

Hi,

No it didn’t work. I tried entering it in the global CSS and when that didn’t work I tried the CSS just for that page.
I will send through the log in details

#4

Hello @ourphn,

Please add following CSS under X > Launch > Options > CSS:

.post-password-form input[type="password"]{padding:10px !important;}

You can also add following CSS to adjust button spacing:

form.post-password-form input[type="submit"] {margin: 0 20px;}

Thanks.

#5

Hi,

I have entered that in the CSS where you told me and it still hasn’t made a difference. Is there any way you can log in and check I’ve entered it in the right spot?

Many thanks

#6

Hi Nadia,

It is working. Try to clear browser cache. See this: https://screencast-o-matic.com/watch/cbQjl0I63j

I think there’s a misunderstanding. You want padding on the entire form not on the textfield, correct? See this: https://screencast-o-matic.com/watch/cbQjlTI63I
Use this instead:

form.post-password-form {
    padding: 20px;
}

Hope this helps.

#7

Hi,

Yes, sorry, you are right. I wanted padding on the entire field, not just the password box. I should have been more clear.

Thank you for fixing that up, you’re wonderful!

Cheers,
Nadia

#8

You’re always welcome Nadia!

Cheers.