Events List Widget Style

[bluepixeldesign]

I want the Events List Widget functionality (no calendar, all upcoming events (filterable by category) not just those this month, etc.) but want it to look like the Events Calendar Widgets list.

I created a file called tribe-events-pro.css and put it in mytheme/tribe-events/pro. Then I found this bit of code:

.tribe-events-adv-list-widget .duration {
display: inline;
font-weight: bold;
}

which will edit the duration, but beyond that I’m stumped. I figured I could just cut and paste from the mini-calendar-widget.php or if I could find the .css for the calendar… Please help. I’m lost!

Temporary site URL: http://www.abbotsfordwhalers.ca/bluepixeldesign/

[bluepixeldesign]

Oh! I also want to change the line at the bottom of the widget (“View All Events in Category”) to something else, like “View All Events” or “View Calendar”.

[bluepixeldesign]

Ok, made a little headway on my own… Figured out that
.widget.tribe-events-adv-list-widget .entry-title
will edit the title, so I think I’ve found the right starting bit. Now I just need that “list-date” square and the location of the last line of the widget.

[Casey]

bluepixeldesign,
Thanks for getting in touch! You should be able to make any customizations to the widget that you’d like by performing a template override as described in our themer’s guide. You should be looking to override the appropriate template files in ‘views/pro/widgets/’.

Regarding changing the ‘View all Events in Category’ text, you should be able to modify that by pasting the following snippet into your theme’s functions.php file: https://gist.github.com/ckpicker/9933505

Hopefully that gets you started in the right direction, in order to make these customizations. Good luck! Thanks! 🙂

-Casey-

[bluepixeldesign]

Ok, to get rid of the calendar, I copied the mini-calendar-widget.php file from ‘views/pro/widgets’ and pasted that into ‘mytheme/tribe-events/views/pro/widgets’. I deleted the code for the calendar so I’m left with:
<?php
/**
* Events Pro Mini Calendar Widget:
* modified to remove the grid and show only the list.
*/

if ( !defined(‘ABSPATH’) ) { die(‘-1’); } ?>

<?php $args = tribe_events_get_mini_calendar_args(); ?>

<div class=”tribe-mini-calendar-wrapper”>

<!– List –>
<?php tribe_get_view(‘widgets/mini-calendar/list’); ?>

</div>
It’s still not working though. The calendar is still there.

[bluepixeldesign]

Actually wait… that’s not what I want to do anyway. I want to use the Events List Widget, and just want to add the style the Mini Calendar’s list has. So the little number box beside the text. I’m sure that style css must be somewhere in here, but I just can’t seem to find it…

[bluepixeldesign]

I found the code for the list and added a little calendar icon to it, so I know where to insert the little box, if you could just give me that snippet of code… ?

[bluepixeldesign]

I pasted the snippet into my functions.php file and it crashed my site, so I must not have done it properly. Can you give me more direction?
I copied what you gave me, pasted it into functions.php within my child theme, then uploaded.

[Casey]

bluepixeldesign,
I was able to paste the snippet into my test environment with no issues. Can you paste the contents of your functions.php file to somewhere like pastebin so I can take a look? Thanks! 🙂

-Casey-

[bluepixeldesign]

http://pastebin.com/dHewVaAQ

[bluepixeldesign]

Can you also help me get the look of the mini calendar’s list, but actually using the List Widget?

[Casey]

Everything looks fine to me with the snippet you pasted into your functions.php file and it all tested fine in my environment, so I’m not sure why adding that snippet is causing errors in your environment. It could be other plugins, or other code that might be the culprit.

As far as customizing the list widget goes, I unfortunately can’t provide any support for customizations such as this, due to our limited support team.

Sorry I won’t be able to help much more than that, but please let me know if you have other questions. Thanks! 🙂

-Casey-

[bluepixeldesign]

I figured out that with a child theme I’m not supposed to copy any of the original functions file over. I cleared it out (with only the php code at the beginning) and then pasted the code you gave, and it worked!

[Casey]

Excellent! Thanks for confirming that this got you sorted. Since it looks like you’re all set, I’m going to mark this thread “Answered” and close it out.

By the way, if you have a minute or two, we would love it if you’d write a few words for us here: http://wordpress.org/support/view/plugin-reviews/the-events-calendar?filter=5

Thanks in advance. 🙂

Cheers,
Casey

[Author]

Posts