Support

May 26, 2016 at 11:20 am

The first thing to try is you go to Event Espresso > Template Settings and disable the Themeroller setting. That should help.

May 26, 2016 at 1:38 pm

Well, in that case, the theme roller styles actually help then, so you might want to re-activate those. Then, do you know how to add some custom CSS to your website? Some custom CSS rules can change the layout of those question form field labels.

May 26, 2016 at 6:11 pm

Hi there,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your website and there are a couple ways to add new CSS to a site.

Try this CSS for changing the styling:

.event_espresso_form_wrapper label,
.event_espresso_form_wrapper span.label {
	width:375px; 
}

If your theme has a Custom CSS area built-in, then you can add it there through your WP dashboard. Otherwise, you could use a free plugin that adds an additional stylesheet to your WordPress site such as Simple Custom CSS or Reaktiv CSS Builder.

You can then go back to your site and refresh the page to see the new changes.

—
Lorenzo

May 31, 2016 at 4:42 pm

Hello,

If you added that to your parent themes stylesheet and then update your theme later on, then your customizations would be lost.

If you are using a child theme, then you are okay as those changes would not be lost.

If your theme has a custom CSS area within the WP dashboard (wp-admin), then you could add it there. Otherwise, please try Reaktiv CSS builder or Simple Custom CSS so that your customizations are not lost when you update your theme in the future.

—
Lorenzo

June 1, 2016 at 9:50 am

The Reaktiv CSS Builder plugin is a good one.