Support

Home Forums Event Espresso Premium Customise all EE pages to match my theme

Customise all EE pages to match my theme

Posted: December 17, 2015 at 3:50 am


FaithT

December 17, 2015 at 3:50 am

I want my EE pages to match the rest of my Divi theme. I’ve changed the background colour by adding code (from a reply to someone else in the support forum) into my Divi epanel CSS section, but now need to hide the sidebar (make pages full width), change header font family and colour and change text on Register Now button. Have tried adding code to the same box in Divi panel from other support posts in the forum but they don’t have any effect.


Lorenzo Orlando Caum

  • Support Staff

December 17, 2015 at 9:20 am

Hi Faith,

We can help you out. Could you please share a link to one of your event pages?

Also what should the font family and color be on the header?

Thanks


Lorenzo


FaithT

December 17, 2015 at 9:31 am

My site is dreamingawake.co.uk/wp
I’m just updating it to work without the /wp and the guys at Namesco said i might have to change to another theme and then back to Divi for it to work. Shall we wait to have this conversation about Event Espresso until that’s done?
If you think we can go ahead, one of my event espresso pages is:
http://dreamingawake.co.uk/wp/index.php/events/
I want the header font to be Crimson Text, colour 5c6f7c on this event list page and on the individual events pages, the venue pages and any other event espresso pages.
I also want to get rid of the sidebar, and to change the button on the booking page to say BOOK NOW.(not register now).
I already used some code you gave to another guy in the support forum to change the background colour to yellow, but can’t get other changes to work.
Thanks in advance!


FaithT

December 17, 2015 at 9:33 am

Think my site is now working just as dreaming awake.co.uk
Events page link is now http://dreamingawake.co.uk/index.php/events/


Josh

  • Support Staff

December 17, 2015 at 9:49 am

Hi there,

Have you checked with Elegant themes to see if they have a way to add the Divi Builder to the Event Espresso event custom post type editor?


FaithT

December 18, 2015 at 9:52 am

Asked the Divi support forum about adding the Divi builder to EE pages, but no reply.
Can you help me?


Lorenzo Orlando Caum

  • Support Staff

December 18, 2015 at 10:08 am

Hi Faith,

We can help you get started with styling and messaging changes but we’ll need to know how to add the divi builder to Event Espresso pages in order to change the layout (e.g. remove the sidebar or use a different layout).

Change the header color

Where is this screenshot are you wanting to apply the new color? http://cl.ly/1o451N440n12

Change the button text

Please add this to your site through a site specific plugin (https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/):

function ee_view_details_button() {
 return 'BOOK NOW';
}

add_filter ('FHEE__EE_Ticket_Selector__display_view_details_btn__btn_text', 'ee_view_details_button');


FaithT

December 31, 2015 at 9:06 am

Dear Lorenzo,
Thanks for your reply back on the 18th December.
Since then I completely started my site again with a new hosting company and a child theme so that I could make changes you’re suggesting without risking losing them when backing up Divi.New URL is http://dev.faithtilleray.co.uk/dreaming/wp-admin/.php
I just tried to upload Event Espresso to my new version of the site (on my new development server) and I got the error message:The uploaded file exceeds the upload_max_filesize directive in php.ini.
The hosting support guy suggested I upload the EE plugin via Dreamweaver so did that,( after a day of working out how to do it) but after clicking activate I got this message on all my pages in the dashboard: Fatal error: Allowed memory size of 41943040 bytes exhausted (tried to allocate 3072 bytes) in /home/faith/public_html/dreaming/wp-admin/includes/template.php on line 1537
I had to get the support guy to help me again, to increase the memory in the wp-config file.
Event Espresso is now activated and I have access to the settings, but nothing is showing in the left hand side of the dashboard where the Event Espresso access area should be so that I can add events etc.

I’m now getting desperate. I’m a non-techie person and am trying to start again and do everything properly this time, but it’s still not straightforward. Please can you help in a way which will be very easy to understand!
Is the problem because I didn’t add the support key? I didn’t do so because it’s only a development site for now. Or is it because event espresso is running on the original version of my site at the same time?
Am completely at a loss and hope you can help.
many thanks
Faith


FaithT

December 31, 2015 at 9:10 am

Hi again,

Just tried deactivating and activating again and it worked!
Hope I can make progress this time.
Thanks for now.

Faith


Lorenzo Orlando Caum

  • Support Staff

December 31, 2015 at 10:47 am

Hi Faith,

Your webhost would be able to correct both of those issues for you.

Where are we currently with the customizations?

Were you waiting to try them after moving hosts?


Lorenzo


FaithT

December 31, 2015 at 12:39 pm

Yes, I was waiting until I set up the new host and child theme.It’s all working at last.
But now I would like to sort out the customisations.

The text is ok – the EE pages are picking up the divi default fonts.
The background colour I changed by putting this code from one of your answers to someone in the forum in the theme options CSS box in Divi:
.single-espresso_events #main-content, .single-espresso_events .et_pb_section {
background-color: #fff4d5;
}

.post-type-archive-espresso_events #main-content, .post-type-archive-espresso_events .et_pb_section {
background-color:#fff4d5;
}

Now I need to :
1. Remove the sidebar and vertical dividing line.
2. Change the text on the register now button to ‘Pay Deposit’. I’m afraid I don’t understand how to do it as you suggested above with a site specific plugin. Can you explain a bit more?
3. sort the problem that our courses are all 3 days at least but the start/end time on the event page makes it look like the times only refer to one day. Is there a way to format things so it says the date and start time on the first day and the date and end time on the last day – so that the times are attached to the dates rather than appearing underneath the dates e.g. start 5th March 5pm / end 7th March 4pm. At the moment there is the clock symbol, then ‘5pm-4pm.’ It looks like the course ends before it starts!
4. Then lastly – could you explain why the Venue option doesn’t appear in the left hand side of the dashboard, as it did on my old site version? Nor do I have an option to show a location map. I guess it doesn’t matter – i can enter venue details on the event page, but I just wondered if there is a fault in my download which may cause problems.

Many thanks for your help
Faith


FaithT

January 1, 2016 at 3:54 am

I fotgot to say – this is the instruction that the Divi guys gave me for adding the builder.

add_filter( ‘et_builder_post_types’, ‘c_et_builder_post_types’ );
function c_et_builder_post_types ($post_types) {
$custom_post_types = array (
‘custom-post-name’
);
$new_post_types = array_merge($post_types, $custom_post_types);
return $new_post_types;
}

I pasted this at the bottom of the functions.php file and when I returned to the dashboard I got these 3 error messages:
Warning: session_start(): Cannot send session cookie – headers already sent by (output started at /home/faith/public_html/dreaming/wp-content/themes/Divi/functions.php:1) in /home/faith/public_html/dreaming/wp-content/plugins/event-espresso-decaf/core/EE_Session.core.php on line 401

Warning: session_start(): Cannot send session cache limiter – headers already sent (output started at /home/faith/public_html/dreaming/wp-content/themes/Divi/functions.php:1) in /home/faith/public_html/dreaming/wp-content/plugins/event-espresso-decaf/core/EE_Session.core.php on line 401

Warning: Cannot modify header information – headers already sent by (output started at /home/faith/public_html/dreaming/wp-content/themes/Divi/functions.php:1) in /home/faith/public_html/dreaming/wp-includes/pluggable.php on line 1228

Awaiting help please!
many thanks
Faith


FaithT

January 1, 2016 at 4:02 am

Sorry to add something else…
Realised I should have changed the ‘custom-post-name’ in the code above as instructed by the Divi guys. They didn’t say what to change it to though?
Is that something that I need to find out from you?
thanks
Faith


Lorenzo Orlando Caum

  • Support Staff

January 4, 2016 at 8:43 am

Hi Faith,

The custom post type name for events in Event Espresso is:

espresso_events

Try changing custom-post-name to espresso_events.


Lorenzo


FaithT

January 5, 2016 at 8:42 am

Having given up on any further customisations I’m now just trying to get the booking a course process to work from start to finish.

First problem is that not all the courses in my events list in the dashboard are showing on my site events list page. Everything was ok until yesterday when I added 4 new courses and they didn’t appear on the site. I just tried add another event and it also doesn’t show. Please can you give me the solution.

Second issue – I want to stop people being able to register without paying. How do I stop any registration being logged and stop the registration email going out, unless they’ve paid? I want the payment and registration to happen at the same moment.
At the moment when I click the ‘register now’ button and fill the details I then see a page where it says ‘payment option’ and there is the Invoice Logo as well as the payment Logos. I can’t understand why the Invoice Logo is there. An invoice is not a payment option. I want them to pay first (I’m using Stripe), then get the invoice and registration confirmation.
Please advise urgently as I have to get this site live by the end of the week.
Sorry to say, but I feel like every step of using Event Espresso so far throws up problems which aren’t covered in the documentation.


Lorenzo Orlando Caum

  • Support Staff

January 5, 2016 at 9:33 am

Hi, we can look at your new questions here. To prevent any confusion, if you have any new questions that are separate than what was shared here, then please create a new support post and we’ll answer those in a separate post.

An event will appear on your event listing page once it is published.

You mentioned that you already created several events so its likely that at least one of those was published.

In an earlier reply, you mentioned that Event Espresso had some issues on activation. Its possible that the install is incomplete. Please complete these steps:

1) Deactivate and delete Event Espresso 4 through your WP dashboard

2) Go to your account page on EventEspresso.com and then scroll to the downloads area and download a new copy:

https://eventespresso.com/users/faithfaithtilleray-co-uk/

3) Upload and activate the zip file through your WP plugins page (Add New –> Upload –> Choose File).

On your second question, Event Espresso needs to create a record before a payment can be made.

With that mentioned, registrations that are pending payment or incomplete will not count against any limits that you have set for your event.

For example, if your event has 15 spots available and 10 attendees pay today, then their will be 5 remaining. If two registrants start registering and do not pay, then their will still be 5 spots remaining.

The limit by default is affected by a status of registration approved.

There are a couple ways to get registration approved. If the event is free, then this happens after their registration information is submitted. If the event is paid, then this happens after their registration information is submitted and then pay (e.g. they pay via Stripe).

An invoice is a type of payment method that is generally used in business transactions (e.g. here is a bill for goods or services, please pay within 30 days). It can be disabled by going to Event Espresso –> Payment Methods –> Invoice. Then scroll down and deactivate it by clicking on the button.


Lorenzo


FaithT

January 5, 2016 at 9:47 am

Hi Lorenzo,

Many thanks for your quick reply. I’ve done what you said and the payment methods issue is now sorted. Thank you!

On the first issue about events not showing, I’m sure it’s not a problem of activation of Event Espresso. I spent ages adding events and it all looks great so don’t really want to lose all that. Everything was fine until yesterday – 6 events were showing on the site here: http://dreamingawake.co.uk/index.php/events/
But yesterday when I added 3 more events, they showed up in the dashboard but not on the site.
Just now I tried adding a test event to test the payment methods issue, and that has now appeared on the site instead of another event that was there. It’s as if there is a limit set on the number of events that will show.
Do you have any alternative ways of resolving this rather than deleting Event Espresso and starting again? I’m running out of time and would be very grateful if you could help with any other ideas. I see in the forum that the people have shared this problem, but the solutions referred back to EE3.

Thanks
Faith


Lorenzo Orlando Caum

  • Support Staff

January 5, 2016 at 9:50 am

Could you provide a link to an event that is published but is not appearing on that page?


Lorenzo


FaithT

January 5, 2016 at 9:54 am

This is one of the missing events:

http://dreamingawake.co.uk/index.php/events/north-west-gate-2nd-4th-december-2016/


Lorenzo Orlando Caum

  • Support Staff

January 5, 2016 at 12:52 pm

Thanks, that page loaded for me without any issues.

The theme may be limiting the number of events that are appearing. The easiest way to check would be to create a new events listing page.

Earlier, you shared that you were using Divi. Could you follow this tutorial and add the [ESPRESSO_EVENTS] shortcode to a page and then check the count on that page?

http://cl.ly/image/0m29013Z1440/download/Screen%20Recording%202015-08-04%20at%2002.25%20PM.gif

If that does not help, then please check to see if Divi has a setting that restricts the number of posts on the archives page.


Lorenzo


FaithT

January 5, 2016 at 4:26 pm

Thank you! It was the number of post on the archives page.

Problem solved!


Lorenzo Orlando Caum

  • Support Staff

January 5, 2016 at 7:02 pm

Thanks for confirming Faith! I’ll go ahead and update this support post to resolved.

If you have any other questions, then please create a new support post via this link and we’ll follow up with you:

https://eventespresso.com/support/forums/


Lorenzo

The support post ‘Customise all EE pages to match my theme’ 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