[reid peifer]

Hey Fenoco – Note: There was a typo in the above comments. I have fixed it, but make sure that you title the new folder tribe-events and NOT tribe_events

[reid peifer]

Hi Fenoco
Super cool looking site that you’re working on. There is an override system in place so you can write your own versions of the views without editing the core plugin directly.

Go to your theme folder make a new them called tribe_events. In tribe_events make another folder called widgets. Now you want to copy the list widget file into that folder.

Go to the plugin folder > views > widgets and copy list-widget.php and paste it into the new widgets folder you’ve created. So when you’re done you should have
yourtheme > tribe-events > widgets > list-widget.php

Now we just need to modify the template to print out the categories within the class attribute.
This code gist should do the trick: https://gist.github.com/reidpeifer/6034586

[reid peifer]

Hi Conwin
When I take a look at your site, I don’t actually see the The Events Calendar widget anywhere. It looks like you currently have the default WordPress posts calendar showing in the sidebar. This is where I’m looking – http://www.conwinonline.com/starting-a-balloon-business/
Can you point me to a different spot that has the widget on it?

[reid peifer]

Hey Terri – note in the above code. For just a second there was a typo – an extra } at the end. I deleted it from the comment, but just in case you grabbed it in the 30 seconds between me publishing it and editing it, make sure the snippet ends with 1 }

[reid peifer]

Lets see what we can do. Give this a try.


.tribe-events-button {
background-color: transparent;
}
.tribe-events-button:hover{
background-color: transparent;
}


[reid peifer]

Hi Daniella
Are you comfortable adding a little bit of css to your theme? You could build some custom templates to achieve what you’re going for, but it can also be accomplished with a little tricky css. The following code should hide the sidebar content on your grid page, and also hide the little dotted line inbetween the two columns.


.events-archive #contentright { display:none;}
.events-archive #contentleft { width:99%; }
.events-archive #page { background:none; }


Let me know if that works for ya.

[reid peifer]

Super duper Terri!! Happy to help.

[reid peifer]

Hi Susan
I took a quick look at your widget. I think all ya have to do is adjust the bottom margin on each item. Try pasting this code into your css file. You can adjust the 10px up or down to your liking. Let me know if that works.


.tribe-events-adv-list-widget ol li {
margin-bottom: 10px;
}


[reid peifer]

Hey Terri
It looks like you adjusted the styles on p.description. The .description class is being added by your theme to a div so your new styles aren’t kicking in.

You can either adjust that, or you could add some css like this

.tribe-events-content {
color:#000;
text-shadow:none;
}


[Author]

Posts