Support

Home Forums Event Espresso Premium Making question text fill the width of the form

Making question text fill the width of the form

Posted: August 27, 2014 at 11:22 am


atp2013

August 27, 2014 at 11:22 am

The text of the question I’ve added to my form only stretches about 150px and then wraps. What CSS rule do I need to change to fix that?


Tony

  • Support Staff

August 27, 2014 at 11:43 am

Hi,

Is this EE3 or EE4?

If possible could you link us to one of your events so we can help further.


atp2013

August 27, 2014 at 11:52 am

http://www.myatp.org/2015-san-francisco-conference-registration/

3.1.35.1.P


Tony

  • Support Staff

August 27, 2014 at 12:08 pm

Thank you that helps.

There’s no individual ID to the questions. So to target these you’ll need to use attribute selectors meaning some browsers will ignore this rule (less than IE8)

label[for=SINGLE_28] {
width: auto;
}

label[for=SINGLE_29] {
width: auto;
}

You can target all questions within the registration form using:

label.ee-reg-page-questions {
width: auto;
}


Tony

  • Support Staff

August 27, 2014 at 12:09 pm

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


atp2013

August 27, 2014 at 12:22 pm

AWESOME! That worked. Thank you.


Tony

  • Support Staff

August 27, 2014 at 12:45 pm

Great 🙂

Glad to help.

The support post ‘Making question text fill the width of the form’ 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