Support

Home Forums Event Espresso Premium Customizing Templates in EE4.X

Customizing Templates in EE4.X

Posted: July 25, 2017 at 10:00 pm


DouglasThomson

July 25, 2017 at 10:00 pm

I’ve been doing some searching on this and there are a bunch of articles that cover a series of versions and scenarios. None of them seem to be definitive or straight forward.

I found EED_Events_Archive.module.php which has a bunch of comments and filters. Some of the comments suggest there is some code to catch people doing bad things… excerpts for example

What I’m really looking to do is edit the event archive loop. I’m using divi theme and tried to modify it using Divi CPT layout injector. What I found is that the Content that EE spits out includes everything… title, date, button, full description text.

I really want the event page to be simple as possible and to be able to use divi CSS for buttons, text etc. The ee button looks like it was ripped from win95 lol

Looking for some guidance… do I copy templates to the uploads folder, do I use hooks I’m not sure what direction to take with the latest version.


Josh

  • Support Staff

July 26, 2017 at 8:05 am

Hi Douglas Thomson

The ee button looks like it was ripped from win95 lol

That look is actually the result of Divi’s default styles for input buttons.

Here’s a link to the documentation for how to build a custom EE4 event archive template:

https://eventespresso.com/wiki/ee4-custom-post-types/#archive_event_template


DouglasThomson

July 27, 2017 at 12:44 pm

I think I would have this issue using the advice you provide above or with the layout injector I’m using. The problem I have is that the CPT content needs customization

Under Event List Page I’ve turned off the elements I don’t want and reordered
Dates and Times and event Description

http://staging.montecitourbanfarms.com/events/

Using the CTP Layout injector I’ve been able to rearrange most elements… but EE4 content spits the dates out in 3 lines. I’d love to change that and the font attributes and margins.

Also the “view details” button is automatic. While the layout injector can use its own button using the divi style.

Is there a way to modify how EE displays the event list content?


Josh

  • Support Staff

July 27, 2017 at 12:52 pm

Yes there are settings with options in Event Espresso > Events > Templates that let you modify how the event list content is displayed.


DouglasThomson

July 30, 2017 at 11:42 am

Yeah, but there is no setting to disable the button or the code surrounding it. I’ll just have to play with the CSS I think.


Josh

  • Support Staff

July 31, 2017 at 12:34 pm

You’ll need to keep the button below the ticket selector because that’s actually a form input. You can target that button with some CSS by using this selector: input.ticket-selector-submit-btn.

e.g.

input.ticket-selector-submit-btn{
    margin-bottom: 30px;
    padding: 10px 20px;
    background-color: #77CC6D;
    border: 0px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    color: #FFFFFF;
}

The support post ‘Customizing Templates in EE4.X’ 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