Support

Home Forums Event Espresso Premium Increase the display size of a textbox field

Increase the display size of a textbox field

Posted: August 17, 2016 at 10:03 pm

Viewing 6 reply threads


CCCNZ

August 17, 2016 at 10:03 pm

Hi Support Team,

The textbox field is displayed as 21 characters wide by 2 rows deep.

Is it possible to increase the size in both directions to (say) 60 characters wide by 4 rows deep?

Cheers,
Chris


CCCNZ

August 17, 2016 at 10:07 pm

Oops. The question type type should have read textarea


Tony

  • Support Staff

August 18, 2016 at 4:16 am

Hi Chris,

To confirm you mean on the front end, within the registration form?

EE doesn’t set a width for textboxes, it leaves that down to your theme so that it stays consistent with the rest of the site. Can you link me to an event I can view this on please?


CCCNZ

August 18, 2016 at 4:36 am

Hi Tony,

Link:http://cccnz.club/events/nationalrally2017/

Select 1 ticket & proceed to question “Dietary and Comments”

Cheers,
Chris


Tony

  • Support Staff

August 18, 2016 at 5:24 am

You could add some custom CSS to style only the textboxes however you prefer, would that work?

For example:

.ee-reg-form-attendee-dv textarea {
    width: 100%;
    height: 150px;
}

Will set the textbox width to be 100% of the parent and the height to 150px by default.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.


CCCNZ

August 18, 2016 at 6:06 am

All sorted thank Tom.

We used the “Super Custom CSS” plugin thus:

/* Dietary question */

.ee-reg-form-attendee-dv textarea {
	width: 100%;
	height: 150px;
  • This reply was modified 8 years, 1 month ago by Tony. Reason: Code formatting


Tony

  • Support Staff

August 18, 2016 at 6:33 am

Great, however don’t forget the closing bracket } as it will cause any CSS after yours to be invalid and not apply.

The above should read

.ee-reg-form-attendee-dv textarea {
	width: 100%;
	height: 150px;
}

I’m not sure if you just missed it when copying over the code here but just wanted to mention it anyway.

Viewing 6 reply threads

The support post ‘Increase the display size of a textbox field’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso