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?
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)
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.
Viewing 1 reply thread
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.
Support forum for Event Espresso 3 and Event Espresso 4.