Support

Home Forums Event Espresso Premium Make registration forms text fileds 2 columns

Make registration forms text fileds 2 columns

Posted: July 26, 2012 at 8:28 pm


Jimmy Haines

July 26, 2012 at 8:28 pm

My page here I’d like to have the 6 fields display in 2 columns instead of 6 fields straight down. Also my client wants to add price in the description manually and have the text_display Price: or whatever be hidden. I tried deleting price code from display page but then when they click submit the price didn’t carry over. I just want it hidden not to go away.

Any help is greatly appreciated! Thanks in advance.

Jimmy


Chris Reynolds

  • Support Staff

July 27, 2012 at 2:44 pm

Hi Jimmy–

The first thing you’d need to do is split your questions into two separate groups, so create a separate question group for Position, Phone Number and Company (because you can’t take Email out of the Personal Information group). Then add that second question group to be a required question group for the event. When you’ve added it to the event, it will be in its own separate div so you can style it independently and make the two groups sit side-by-side.

Similarly, if you’re just trying to remove the “Price: ” that displays before the actual value, you can hide that with css as well:

.event_price_label { display: none; }


Jimmy Haines

July 27, 2012 at 2:55 pm

PERFECT! thanks…


Jimmy Haines

July 30, 2012 at 1:12 pm

Ok, I made two separate question groups and added them to event. I added the following css but it’s not displaying correct. It may be that my css isn’t correct.

#registration-information-1343671666.event_questions { float:left;
width:260px;

#additional-information-1343671626.event_questions { float:right;
width:260px;


Jimmy Haines

July 30, 2012 at 1:12 pm

event link:
http://www.velocityperformance.com/event-registration?ee=1


Josh

  • Support Staff

July 30, 2012 at 1:57 pm

Hey Jimmy,

Chris mentioned that you purchased a support token for this, so I’m going to take a look.


Jimmy Haines

July 30, 2012 at 1:59 pm

Thanks!


Josh

  • Support Staff

July 30, 2012 at 2:09 pm

Looks like the closing curly brackets were missing. I added in some alternative styles that you might try that are more more general and do not rely on specific question group ID’s. These can be ‘commented in’ if you comment out the more specific rules.


Jimmy Haines

July 30, 2012 at 2:09 pm

I should mention that I’m using the wp themes custom css editor….

appearance>site options>styling options>Custom CSS

This overrides the themes main styles.css


Jimmy Haines

July 30, 2012 at 2:11 pm

man, did I just delete something you added? in the custom css editor? if I did I’m so sorry. I thought i added something by mistake. can you please add back if so.


Jimmy Haines

July 30, 2012 at 2:12 pm

Where did you add these? Sorry, I’m doing my best to follow.


Jimmy Haines

July 30, 2012 at 2:14 pm

It looks good! I didn’t delete any of your stuff. Can you tell me where you added the css?


Jimmy Haines

July 30, 2012 at 2:17 pm

I feel like an idiot. Maybe I did delete your commented are if it was in the custom css editor for the theme.


Josh

  • Support Staff

July 30, 2012 at 2:17 pm

No problem Jimmy, I added them below the custom style rules in the same Custom CSS theme option box. I’ll take a look and check to see if anything got deleted.

basically, the styles you had would have worked if they had a closing curly bracket at the end like this:

}

one example:

#registration-information-1343671666.event_questions { float:left; 
width:260px;
}


Jimmy Haines

July 30, 2012 at 2:18 pm

It is working how I wanted it to though. I just can’t seem to fins what you did.


Josh

  • Support Staff

July 30, 2012 at 2:23 pm

Looks like an edit might have wiped out what I added. I’ve added them back in now. Note that you’ll need to comment out the two specific style rules and uncomment the general style rules that are below. I added a few notes in the comments.


Jimmy Haines

July 30, 2012 at 2:38 pm

Are you adding it to the custom css? I don’t know what’s going on. No one else has access but what you added still isn’t showing up on my end. I’ve completely logged out on my end now. If you could please add back one more time and let me know where you added it. I can buy more support token if needed.


Josh

  • Support Staff

July 30, 2012 at 3:03 pm

Yes, I added it to the custom CSS. It’s commented out, but it’s still there.


Jimmy Haines

July 30, 2012 at 3:08 pm

Thanks for all your help. I may have more questions on the remaining pages as I complete them. Do I submit new forum item, contact you directly? As always, I understand I may be asked to purchase more support tokens.


Josh

  • Support Staff

July 30, 2012 at 3:35 pm

I would suggest creating new forum posts.


Jimmy Haines

July 30, 2012 at 3:52 pm

On this page:
http://www.velocityperformance.com/?page_id=6747

How to hide the addition information and second confirm button? When I try it hides everything but button. Whats the div id or whatever?


Josh

  • Support Staff

July 30, 2012 at 3:55 pm

Hi Jimmy,

I’ll take a look, please start up a new forum topic on this though, as this one has been marked resolved.

The support post ‘Make registration forms text fileds 2 columns’ 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