Change input field height

[SoMuch2Do]

I’d like to change the height and font for the input text fields in the Login form – they are a little small.

Any suggestions please?

[mbrsolution]

Hi can you share your URL?

Thank you

[SoMuch2Do]

Apologies – hadn’t seen your reply. This is the link to the url
I have tried the following css .swpm-login-widget-form .swpm-text-field { height: 2em; } but cannot increase the height of the input field.

Thank you

[mbrsolution]

Hi try added the following code. You can see I added height: 50px;. You can add what ever height you want.

input[type="text"], input.text, input.title, textarea, select {
    height: 50px;
    margin: 0;
}

[SoMuch2Do]

Apologies mbr for not quite understanding. I understand how to do this if I was writing the actual html code but cannot get this to work changing any CSS. Are you implying I can alter the html for the form? If so where please. Thanks

[mbrsolution]

Hi, sorry for not clarifying my solution. What you need to do is add the above CSS code to your theme if it allows custom code to be added or use a plugin that allows you to add custom code. The code itself will create the customization you require.

[SoMuch2Do]

Thanks Mbr – I was putting the css code in the wrong place – now it works. Thanks again

[Author]

Posts