Support

Home Forums Event Espresso Premium EE4 Event Page Customizations

EE4 Event Page Customizations

Posted: September 18, 2014 at 8:58 pm


Cliff DesPeaux

September 18, 2014 at 8:58 pm

Good day folks,

I just purchased EE4 for use on a conference registration site, and I’m hoping to customize the registration page a bit. What I need should be fairly simple, but I’m having a hard time finding the right place to make these changes. Also, I want to make sure I do it right, so that when I update EE4 to new versions, my changes stick.

Here’s the web page that I have the event loaded up onto: http://wasarcon.org/registration/ — the password to access the site is: !newsite

I’m not worried about making “global” changes — I’ll never use this EE4 install for anything except this one conference registration.

Here’s what I would like changed on this page:

* Remove the “show details +” links, and subsequent dropdowns. They are cluttered and unnecessary.
* Change the text “Qty*” to “Select”
* Remove the text “* Please note that a maximum number of 1 tickets can be purchased for this event per order.”
* Remove the “(USD)” text areas

As you can see, we essentially have one main event “Conference only” and then a few add-ons to the conference ticket (tent camping, open-air camping, and the option to pay for meals). Is there a more elegant way to do this than the way I currently have it set up? If I was using EE3, I could use the Multiple Event Registration plugin, but that’s not an option with EE4.

Also, on the next page (after you select an option and click “Register Now”), can I remove:

* “click here to add a new state/province”
* “The above information will be used for any additional tickets/attendees.”

Thank you in advance for your support.

BTW, I am using the latest version of EE4 with the latest version of WordPress. I have no installed plugins. This is a new installation.

Cliff


Lorenzo Orlando Caum

  • Support Staff

September 19, 2014 at 7:19 am

Hi Cliff,

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 child theme’s stylesheet or through a plugin like Reaktiv CSS builder or My Custom CSS.

Try this CSS:

.display-tckt-slctr-tkt-details.display-the-hidden.lt-grey-text.smaller-text {display:none;}

Then force refresh to see the changes:

http://en.support.wordpress.com/browser-issues/#force-refresh

The messaging can be changed by using a gettext filter. Here is an example:

https://eventespresso.com/wiki/how-to-change-wording-with-poedit/#plugins

It works by looking for an existing phrase and replaces it.

Let us know if you are able to make the additional changes based on the examples above. Thanks!


Lorenzo


Cliff DesPeaux

September 21, 2014 at 9:30 am

Lorenzo,

So far, so good! I was able to make all of these changes with the My Custom CSS and the Quick Localization plugins. Thanks!

As I continue to fine-tune the registration pages I’ll let you know if I have any further questions.

Cliff


Dean

September 22, 2014 at 3:41 am

Thanks Cliff. If you do have any questions that are not directly related to this forum thread, please start a new thread.

The support post ‘EE4 Event Page Customizations’ 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