Specific Questions related to theme customization…

[pamaevents]

Hi there:
<br>
I have a site for which I’m customizing the default list view so that it (hopefully) can correspond to our design intent. Basically, we’re seeking to create a layout for ‘listed’ events which looks like this: http://splatworld.tv/dev/PAMA/events-main-page.jpg<br><br>
Right now, you can see my progress here: http://pamaphilly.wpengine.com/events/<br><br>

<br><br>
I’ve got a few questions regarding how to accomplish certain things, to make the two layouts match, namely: (I should note that I’ve already customized the default templates considerably…)
<br>

• — Does anyone have any suggestions about how I can get this template page to load a background image, such as are found on my other pages, using the plugin ‘WP-Backgrounds Lite’? Since I’m loading this from a plug-in generated template, I’m a little unclear if I’m going to be able to use this. Also, just using a background-image in the CSS for the page isn’t going to work, as the plugin I’m using keeps the background fixed and the native behavior of the css method actually scrolls down the background (this is hard to explain but, trust me, the two methods visually differ…)
• — As one can see, in my original design, I was hoping to style the ‘time’ differently than the other ‘date’ information. Is it possible to separate the date into two CSS classes, one for day and one for time? It does not seem to spit the data out separated by class and I’m not sure what files I would need to alter to accomplish this…
• — How can I get rid of the comma, after the event venue? Other commas seem generated by use of the ‘delimiter’ class but this doesn’t. I was able to turn other commas ‘off’ by setting display to ‘none’ but this one is stumping me…
• — What is the best approach to duplicate functionality for the ‘learn more’ box (shown in the mockup jpeg) in the central area on the bottom? Custom fields?

<br>
Thanks, in advance for any help…

Dave

[Barry]

Hi Dave,

Thanks for getting in touch.

You’ve asked a lot of questions there and I’ll try to answer each as best I can but, in future, it would be appreciated if you could stick to one issue/question per thread 🙂

Does anyone have any suggestions about how I can get this template page to load a background image, such as are found on my other pages, using the plugin ‘WP-Backgrounds Lite’?

I don’t have any particular knowledge of that plugin but we can certainly leave this open for a while and see if other members of the community have any tips to help you out on that count.

As one can see, in my original design, I was hoping to style the ‘time’ differently than the other ‘date’ information. Is it possible to separate the date into two CSS classes, one for day and one for time?

Absolutely.

I’m assuming you are still using tribe_events_event_schedule_details() within your custom templates to generate that text: you could either modify what it produces via a filter function that runs on the tribe_events_event_schedule_details hook or you could strip it out and build up your own alternative, using functions like tribe_get_start_date().

How can I get rid of the comma, after the event venue?

The date format is configurable: please visit Events > Settings > Display and make your adjustments in the Date Format Settings section 🙂

What is the best approach to duplicate functionality for the ‘learn more’ box (shown in the mockup jpeg) in the central area on the bottom? Custom fields?

Is that just a means of linking visitors to the single event pages? Could you use WordPress’s the_permalink() template tag?

 

[pamaevents]

Barry:

Thanks so much for your answers. I’d be glad to split questions up in the future; hopefully this will take care of things though.

The only further clarification I need (your other answers hit the nail right on the head) relate to question # 3.

In number 3, I’m trying to get rid of the comma which occurs after the venue, not the date. So, in other words, in my page above ‘The Looney Bin’ is a location I’m using. I’ve broken up the event location into multiple lines and I want to get rid of that comma after the venue itself (‘The Looney Bin’), in this instance…

Thanks,

Dave

[Barry]

Hi Dave!

So the easiest way to deal with this is by using a template override (please see our Themer’s Guide for more information on this process).

Essentially you would override list/single-event.php and the find and modify the following line:

<?php echo implode( ', ', $venue_details) ; ?>

Simply remove the comma and replace with a blank space or whatever you prefer – I hope that helps 🙂

[Barry]

Hi! It’s been a while so I’m going to go ahead and close this thread. If we can help with anything else, though, please don’t hesitate to create new threads as needed. Thanks!

[Author]

Posts