Change column width in list view?

[David]

I tried to search through for this; haven’t found anything on here yet. I would like to increase the width of the columns that are populated in the list view. Example
http://www.artsvegas.com/event/the-get-back-beauty-bar/

There looks to be extra room for the address to be wider without reverting to 7 lines … do I just need to manipulate the css manually? I’ve tried using the various templates but haven’t found anything that I like so far.

Thanks for any advice!
David

I

[Rob]

Hey David. Thanks for reaching out; happy to try and help you out here. First thing I’d suggest would be to go into Settings -> The Events Calendar and switch to one of the different template offerings there. Does one of those do the trick, per chance? Let me know if not and I can get a dev to take a look.

[David]

Thanks for the reply Rob. Yeah, I’ve gone through the various templates and I really like the “default page template” because the page looks good overall. It’s just those really skinny columns that don’t look to great.

[Rob]

No problem, David. Thanks for confirming. I’ve looked into this and its a bit outside my area of expertise, so I’ve asked our dev Jonah to chime in directly. Expect a response from him shortly…and my apologies for the inconvenience in the interim.

[Jonah]

Hi David, you just need to modify the CSS – first make a copy of /wp-content/plugins/the-events-calendar/resources/events.css and place in an ‘events’ folder in your theme. Then on line 316 you should see a declaration for:


#tribe-events-event-meta .column {
float: left;
width: 30%;
padding: 0 4% 0 0;
text-align: left;
margin: 0;
}


Just change the width there to whatever works for you. I hope that helps!

[David]

That’s what I needed. I tweaked it there and it looks great now. Thanks!

here’s an example of how it looks now:
http://www.artsvegas.com/event/the-get-back-beauty-bar/

[Rob]

Looking solid! That’s a slick looking site you’ve got going, David – good work. Glad to see you got this configured properly and that you’re all set on the calendar front. If you need anything else, just give us a shout.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts