Support

Home Forums Event Espresso Premium Registration Layout

Registration Layout

Posted: June 21, 2017 at 12:52 pm


hashtagsmedia

June 21, 2017 at 12:52 pm

We need the layout to list the dates in list form.
Not have the calendar icon on the dates.
Here is the page it needs to look like: http://hashtagstest.com/6-week-online-workshop/
But it looks like this: http://hashtagstest.com/events/the-initiation-online/
Can you help with that?


Josh

  • Support Staff

June 21, 2017 at 5:23 pm

Hi there,

I’m not sure what you mean by “the layout to list the dates in list form” but I can help with removing the calendar icon. You can remove the calendar icon by adding the some code to your site:

https://eventespresso.com/wiki/useful-php-code-snippets/#no-ical

You can add the above to a functions plugin or into your WordPress theme’s functions.php file and the little calendar icon next to the dates will no longer display.


hashtagsmedia

June 21, 2017 at 6:54 pm

I don’t know which code to use for the calendar. Do you know how to make the layout at 100% width? I have contacted the theme and they say its the plugin layout. http://hashtagstest.com/events/the-initiation-online/


Josh

  • Support Staff

June 21, 2017 at 7:11 pm

This is the code to remove the calendar:

The width is controlled by your theme’s css files. You can add the following to make the width of the layout 100%:

#top .fullsize .template-blog .post .entry-content-wrapper,
#top .fullsize .template-blog .post-title  {
max-width: 100% !important;
}

You can add the above CSS to your theme’s custom CSS editor, or into Appearance > Customize > Additional CSS.


hashtagsmedia

June 21, 2017 at 7:34 pm

That actually made it smaller. I don’t know how.


hashtagsmedia

June 21, 2017 at 7:36 pm

Is it possible that the default wrapper is set to be smaller on blog posts?


Tony

  • Support Staff

June 22, 2017 at 4:59 am

Its styles within your theme that are setting the max width to 600px

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

http://take.ms/MZnBe

You should be able to use this:

#top.single-espresso_events .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100%;
}

Which overrides that rule specifically for EE events.


hashtagsmedia

June 22, 2017 at 7:54 am

That made it a little better. Can you help me remove the calendar icon?


Tony

  • Support Staff

June 22, 2017 at 8:14 am

Did you add the code Josh posted above for the iCal?

https://eventespresso.com/topic/registration-layout/#post-244659

You could hide it using CSS:

.download-iCal-frm {
    display: none;
}


hashtagsmedia

June 22, 2017 at 9:17 am

I need to change the registration for fields for each event. For example the first event needs to be: name, email, phone, sex (drop down) billing address, shipping address, how did you hear about us.
Then the second event is the same but it needs to add extra fields.
How do I do this?


Josh

  • Support Staff

June 22, 2017 at 9:45 am

Hi there,

Here are some links to the documentation that show how to set up fields for the registration forms:

https://eventespresso.com/wiki/questions/#40_

https://eventespresso.com/wiki/add-questions-event-espresso-question-groups/


hashtagsmedia

June 22, 2017 at 5:10 pm

Can the title font be smaller?


hashtagsmedia

June 22, 2017 at 5:11 pm

And smaller font on the content area? Consistent with the rest of the site?


hashtagsmedia

June 22, 2017 at 5:57 pm

Sorry another thing: The dates that we have on the top of the page, is it possible to put the title of the week, date and time in columns?
Can we hide the (more details in the price box?)
Can we hide Online event registration and ticketing powered by Event Espresso?
Can we hide 1 Attendee Information on the very top?


hashtagsmedia

June 25, 2017 at 4:01 pm

I haven’t heard back from the following:
And smaller font on the content area? Consistent with the rest of the site?
Sorry another thing: The dates that we have on the top of the page, is it possible to put the title of the week, date and time in columns?
Can we hide the (more details in the price box?)
Can we hide Online event registration and ticketing powered by Event Espresso?
Can we hide 1 Attendee Information on the very top?


Tony

  • Support Staff

June 27, 2017 at 5:39 am

Can the title font be smaller?
And smaller font on the content area? Consistent with the rest of the site?

It’s your theme styling those elements to be the size they are currently, your theme controls the output, EE just injects the details into the_content and intentionally applies minimal styles to allow your theme to style it as it would.

For the post title you can use:

.html_elegant-blog #top.single-espresso_events .post-title {
    font-size: 1.5rem;
}

For the content area:

.html_elegant-blog #top.single-espresso_events .entry-content {
    font-size: 1rem;
}

Sorry another thing: The dates that we have on the top of the page, is it possible to put the title of the week, date and time in columns?

I’m not sure I follow what you are requesting, can you post an example? I think you will need to modify the templates to do what you are requesting. Unless you are comfortable with PHP and HTML you will likely need the help of a developer.

Can we hide the (more details in the price box?)

There is an option for that within:

Event Espresso -> Events -> Templates ->
Show Ticket Details?

Can we hide Online event registration and ticketing powered by Event Espresso?

There is an option for that within:

Event Espresso -> General Settings -> Admin Options -> Link to Event Espresso in your Registration Page?

Can we hide 1 Attendee Information on the very top?

You can use:

#spco-step-attendee_information-display-dv {
    display: none;
}

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


hashtagsmedia

June 27, 2017 at 8:35 am

Thank you. Now they want specific questions for each event they have. Can you help me with this?
Initiation

Name:

Email:

Phone:

Sex: (drop down options= Male, Female, ______________(blank field they can write in))

Billing Address: (this field may be part of the registration????)

Shipping Address: (this field may be part of the registration??? We will need access to shipping address to send them thee course materials)

How did you hear about us? (last question on all registration pages)


Josh

  • Support Staff

June 27, 2017 at 8:40 am

Hi there,

You can follow the guides in the documentation that show how to add questions to the registration forms:

https://eventespresso.com/wiki/add-questions-event-espresso-question-groups/
https://eventespresso.com/wiki/questions/#40_

The support post ‘Registration Layout’ 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