|
Chris Rundell
|
August 7, 2012 at 7:20 am
I have two things to finish customizing my registration form. I need to get rid of the PERSONAL INFORMATION title and I need to tighten up the space between fields vertically. Not sure where to find the settings/files for either of those. Thanks!
|
|
Josh
|
August 7, 2012 at 1:04 pm
Hi Chris,
Look in the Question groups manager, edit the personal information group and uncheck the option labeled “Show group name on registration page?”
https://eventespresso.com/wiki/registration-forms/
For the vertical spacing between the fields, that’s something that can be changed by adding a few style rules to a custom stylesheet. Here’s a guide that outlines how to make a few style modifications to the registration form fields: https://eventespresso.com/wiki/basic-styling-with-css-of-the-registration-form/
|
|
Chris Rundell
|
August 7, 2012 at 1:17 pm
Question groups answer worked perfectly. I had already added the style mods and it helped a lot, but there’s something either in my child theme style.css or an espresso css file that is still causing more vertical space than I want. Having a hard time finding that class! I appreciate the quick and accurate responses and if you know of a css within espresso that controls space vertically between fields, please let me know. Thanks!
|
|
Seth Shoultes
|
August 7, 2012 at 2:56 pm
You might try wrapping the [ESPRESSO_EVENTS] shortcode in [raw] tags to remove the auto-formatting that the theme might be adding to the content.
Should look like this:
[raw][ESPRESSO_EVENTS][/raw]
|
|
Seth Shoultes
|
August 7, 2012 at 2:58 pm
However, your theme will need to support [raw] tags.
|
|
Chris Rundell
|
August 7, 2012 at 5:19 pm
Thanks Seth. Unfortunately, it looks like the go green theme does not support [raw] tags.
|
|
Josh
|
August 7, 2012 at 6:30 pm
You might try checking the page source to see if there are break tags or paragraph tags being added to the markup between each form field.
Have you tried using the themeroller styles that can be activated in Event Espresso>Template Settings? You’ll need to deactivate the legacy styles in order to activate the themeroller styles. One nice (imho) feature of the themeroller styles is they display the label above the form.
Is the theme you’re referring to the Go Green child theme for the Genesis Framework? If so, the form styles might be coming from the base Genesis stylesheet. You could check with Firebug or the webkit web inspector to find out.
|
|
Chris Rundell
|
August 8, 2012 at 4:06 pm
Thanks for all the help! I found the lines controlling spacing between fields and between the labels and fields in two different css files (styles.css for the theme and event_espresso_style.css). What I can’t find is where to turn off the form border and to narrow the form fields from “40” to “20”. Any clue on those? I am very close now to going live with our first EE site. If all goes well, there will be MANY more to come as we do a lot of trade shows and conventions.
|
|
Josh
|
August 8, 2012 at 4:45 pm
Can you post a link to the site?
|
|
Chris Rundell
|
August 8, 2012 at 5:15 pm
http://www.heidenhain.us/event/
|
|
Josh
|
August 9, 2012 at 7:31 am
fieldset#event-reg-form-groups {border:none;}
#event-reg-form-groups input {width:50%;}
You might need to adjust the width value to your preference.
|
|
Chris Rundell
|
August 9, 2012 at 7:36 am
Thanks. Which css/php file is that?
|
|
Josh
|
August 9, 2012 at 8:04 am
I would recommend adding this to the theme’s custom CSS file, at the very end.
Alternatively, you can add custom styles by installing the my custom CSS plugin
|
|
Chris Rundell
|
August 9, 2012 at 8:54 am
Yay! All good. NOw I can finish up the custom ticket, test, revise, tweak and I’ll be good to go. You guys are AWESOME on support. Thanks!
|
