Increase input width/size

Best Wordpress plugin to engage your users and collect their email. You can use header alerts, popups, or exit pages, and it works with any popular emailing service such as Mailchimp or AWeber
nigelfaraday67
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Increase input width/size

Post by nigelfaraday67 »

Hi, could you clarify please how I could increase the width and/or height of the input fields, e.g. the 'Your Question' field here:

https://dl.dropboxusercontent.com/u/905 ... nsions.PNG

Would there be some custom css I should use? Thank you :)
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,

you can use somethink like that in the custom CSS

Code: Select all

input[type=text]{width:xxpx;height:xxpx}
Regards,
JC
nigelfaraday67
Member
Posts: 45
Joined: Fri Apr 18, 2014 12:12 pm

Post by nigelfaraday67 »

Thanks, I'll try this, how would I have the field name appear before the field input, e.g.

Email: [email input field]

Thank you :)
Jean-Christophe Bisoux
Posts: 283
Joined: Tue Feb 28, 2012 10:36 am
Location: Canillo, Andorra

Post by Jean-Christophe Bisoux »

Hi,

Directly in WPS it's not posible, because the field is normally for a sidebar with a short's width.

But you can try with the jquery custom, for exemple use this code for each input and replace FNAME with the input's name

Code: Select all

jQuery("input[name$='FNAME']").before("Your text");
Regards,
JC
Post Reply