Support

Home Forums Event Espresso Premium Tweaking EE4 for a More Tolerable End-User Experience

Tweaking EE4 for a More Tolerable End-User Experience

Posted: January 21, 2015 at 11:21 am


John Fineberg

January 21, 2015 at 11:21 am

Here are some things I’d like to do with EE4 that I’m hoping are just a matter of adding some CSS or changing some default settings:

    1) For the “View Details” page, I’d like to:

a) make it the button bigger and bolder.
b) change it to a different color that stands out from my white background.
c) change the wording to stronger “call to action” language.

    2) For the “register now” page, I’d like to:

a) do the same things to the button as in #1, except there’s no need to change the “register now” language.
b) eliminate the words, “Available Tickets.”
c) change the wording of “Please note that a maximum number of 3 tickets can be purchased for this event per order” to something other than “tickets,” as you don’t buy tickets to classes.
d) set the default number of registrations to 1 instead of 0.
e) eliminate the redundancy of displaying the same headline twice. (You’ll see what I mean if you look at this page: http://www.cpr-twincities.com/events/bls-cpraed-for-pro-rescuers-health-care-providers-3).

    3) On the “Proceed to Payment Options” page, I’d like to:

a) reduce the amount of space that comes after “In order to process your registration, we ask you to provide the following information. Please note that all fields marked with an asterisk (*) are required.”
b) change “Ticket Details” to something like “Registration Details.”
c) change “Ticket Name and Description” to “Class Name.”
d) eliminate the sentence at the bottom of the page (“The above information will be used for any additional tickets/attendees.”), as I have that set to require personal information of all attendees.
e) make the “Proceed to Payment Options” button, bigger, bolder, etc.

    4) On the “Finalize Registration” page, I’d like to:

a) change “Ticket Name and Description” to “Class Name.”
b) make the “Finalize Registration” button, bigger, bolder, etc.

It’s a lot, isn’t it? But I expect that it will make a really lengthy registration process more tolerable and positive for registrants.


Sidney Harrell

January 21, 2015 at 1:31 pm

All of those changes you should be able to make through the text localization plugin and by overriding the CSS defaults. I put together an awesome tutorial on working with CSS in EE4 (if I do say so myself 🙂


John Fineberg

January 21, 2015 at 4:21 pm

Thanks, Sidney. I appreciate your “awesome tutorial.” But that’s a deeper, more hi-tech answer than I, a non-developer, am capable of achieving. What I’m looking for is simply what code to paste into “My Custom CSS” to achieve my goals, not dig down into the site’s coding.

As an example, here’s what I was given by Event Espresso in the past for EE3 (that I know has no relevance for EE4, nor for my current needs):

.events.widget {
height: 500px;
width: 97%;
overflow-y: scroll !important;
}
.event_espresso_form_wrapper .multi-checkbox br {
display: none;
}
.event_espresso_form_wrapper .single-radio br {
display: none;
}
.event_espresso_form_wrapper .event_questions ul li {
margin-left: 0px;
}
.event_espresso_form_wrapper .event_questions ul {
margin-left: 0px;
padding-left: 0px;
}
.multi-checkbox label {
width: 100% !important;
}
.event_espresso_form_wrapper form fieldset div {
padding: 0.50em 0;
}
.spaces-available {
display:none;
}
.fc-header-title h2 { opacity:1 !important; }
div#spco-copy-attendee-dv {
display: none;
}
.leave-reply{display:none}

So, if you can tell me how to achieve all of those tiny little adjustments, I’d appreciate it. ~ John


John Fineberg

January 22, 2015 at 10:31 am

I read a lot of discussions on your site last night, but could find nothing that helps. I did come across this page, however, that shows that what I want to do with buttons (the size and the color) is possible. I just need your help in getting there.


John Fineberg

January 22, 2015 at 3:28 pm

Here’s what I’ve accomplished on my own. I’ve changed the wording of the buttons, using “Quick Localisation” (by Name.ly). I’ve also gotten rid of the word “tickets” and most everything ticket-related in the same way.

I had a feeling that the button sizes, locations and colors might be somewhere in my theme, Dejavu (by MySiteMyWay), but I couldn’t find any controls for them there. I’m still hoping that someone from Event Espresso will jump in here pretty soon and help with that and the last few details:

2) d.
2) e.
3) a.
3) d.


Lorenzo Orlando Caum

  • Support Staff

January 22, 2015 at 5:33 pm

Hi John, take a look at the feedback below.

2d) Go to an event in the event editor within your WP dashboard. Scroll down and go to the ticket options area. Click on the gear icon (advanced options) and then set the minimum to 1 and save changes to the event.

Repeat this process for any other events that have a single ticket option.

2e) Your theme shows the post name (event name) in a H1 heading. This is then duplicated in the event area. This CSS will remove the h2 heading:

/* Hide h2 heading on single event pages */
.espresso_events h2.post_title {display:none;}

3a) Your theme or another plugin is inserting some line breaks. This CSS will hide them and correct the spacing:

#spco-registration-attendee_information-frm>br {display:none;}

3d) Add the sample code in the link below to your child theme’s functions.php file or a site specific plugin:

https://gist.github.com/lorenzocaum/c639e8102ea852517810

Remove the statement between the single quotes in the return part of the code. That is remove the following statement from the code:

Replace me with new messaging or delete this entire statement to remove the messaging.

That will tell Event Espresso to replace the existing text with an empty line.

Thanks.


Lorenzo


John Fineberg

January 23, 2015 at 10:09 am

Two out of four of those worked. So back to the drawing board on the other two:

2d) Go to an event in the event editor within your WP dashboard. Scroll down and go to the ticket options area. Click on the gear icon (advanced options) and then set the minimum to 1 and save changes to the event.

I tried this on only one event so far, but it didn’t work. I clicked on the Advanced Settings gear, typed 1 into the box, then clicked to Update. But when I went to the event, it still says 0.

As for adding this for 3d):

<?php
//* Do NOT include the opening php tag

//* Change the messaging for the additional tickets/attendees on the registration checkout page
add_action( ‘FHEE__registration_page_attendee_information__auto_copy_attendee_pg’, ‘ee_custom_messaging_above_information_additional_tickets_attendees’ );
function ee_custom_messaging_above_information_additional_tickets_attendees() {

return ”;
}

I eliminated what you said and entered it into My Custom CSS, yet it had no effect. It still says:

The above information will be used for any additional tickets/attendees.

So when you said to put it into “a site specific plugin,” does that mean a plugin like My Custom CSS, or is that something else altogether?


Lorenzo Orlando Caum

  • Support Staff

January 23, 2015 at 11:59 am

Hi,

My Custom CSS is a plugin for CSS which handles styling on your site.

You’ll need to add it to your child theme’s functions.php file or a site specific plugin.

We have a tutorial for creating a site specific plugin here:

https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/


Lorenzo


emarienborg

January 24, 2015 at 2:53 pm

2d) Go to an event in the event editor within your WP dashboard. Scroll down and go to the ticket options area. Click on the gear icon (advanced options) and then set the minimum to 1 and save changes to the event.

I achieved this by checking the “This ticket is required (will appear first in frontend ticket lists).” checkbox. (Although this will not only make 1 the default number, but remove 0, and add a text saying that this ticket is required..)


John Fineberg

January 26, 2015 at 10:11 am

Thank you, emarienborg. That extra step worked.


Lorenzo Orlando Caum

  • Support Staff

January 26, 2015 at 10:16 am

Great! If you need help with anything else, just create a new support post.


Lorenzo

The support post ‘Tweaking EE4 for a More Tolerable End-User Experience’ 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