Support

Home Forums Event Espresso Premium How to make EE look like this?

How to make EE look like this?

Posted: February 19, 2013 at 10:02 am


Audrea Robbins

February 19, 2013 at 10:02 am

How can I style EE to look like the widget and event listings like the ones on this site?
I love it’s simplicity and the date shown as a square to the left. Is this possible with EE?


Dean

February 19, 2013 at 12:00 pm

I like that a lot, it looks good,

To get you part way there, you would need to edit the Widget.php (copy it to the wp-content/uploads/espresso/tempöates directory first and edit it there)

On line 129 (approx) there would be

<p><a href="<?php echo $registration_url; ? rel="nofollow">"><?php echo stripslashes_deep($event->event_name) ?> - <?php echo event_date_display($event->start_date) ?></a>

which controls what is shown. I would remove that and replace it with the following.

<?php 
$ee_getdate = $event->start_date; //get the date
$ee_getdate = strtotime($ee_getdate ); //convert string date to actual date
$ee_got_month = date('M', $ee_getdate ); //get the month
$ee_got_day = date('d', $ee_getdate ); // get the day
?>

<p class="my_ee_event">
<span class="my_ee_date">
<span class="my_ee_date_day"><?php echo $ee_got_day; ?></span>
<span class="my_ee_date_month"><?php echo $ee_got_month; ?></span>
</span>
<a href="<?php echo $registration_url; ? rel="nofollow">"><?php echo stripslashes_deep($event->event_name) ?></a>

Now some of this may be unnecessary and you would need to look at it yourself and see, and of course add/remove/rename the class names.

But basically what it does is put the day first, then month, then the link to the event, with css classes. After that its just about styling it with css (from the themes stylesheet for example) to make it look good.

The support post ‘How to make EE look like this?’ 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