Title: coding for events page
Last modified: August 30, 2016

---

# coding for events page

 *  Resolved [RisaTab](https://wordpress.org/support/users/risatab/)
 * (@risatab)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/)
 * I’ve pretty much configured the events page listings to the way I want them, 
   but I want to add location (aligned right) to the same line as date (aligned 
   left). At the moment using the code below, location is on a new line (aligned
   left). Also is it possible to get rid of the comma after location?
 * This is the coding:
 * <div style=”overflow: auto; width: 900px; height: 900px;”><span style=”color:
   white;”><span style=”color: white;”>[wpt_events paginateby=”month”]{{thumbnail
   |permalink}}</span></span><h3><b>{{title|permalink}}</b></h3><p><b>{{datetime
   |date(D jS F)}}</b>{{location}}{{remark}}
    {{tickets}}[/wpt_events]</div><p>
 * Thanks!
 * [https://wordpress.org/plugins/theatre/](https://wordpress.org/plugins/theatre/)

Viewing 8 replies - 1 through 8 (of 8 total)

 *  Plugin Author [Jeroen Schmit](https://wordpress.org/support/users/slimndap/)
 * (@slimndap)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318490)
 * Easiest solution:
 * Go to Theater / Settings / Style and paste the following code into the ‘Custom
   CSS’ box:
 *     ```
       .wpt_productions .wp_theatre_event .wp_theatre_event_location .wp_theatre_event_venue + .wp_theatre_event_city:before, .wpt_events .wp_theatre_event .wp_theatre_event_location .wp_theatre_event_venue + .wp_theatre_event_city:before {
         content: '';
       }
       ```
   
 *  Thread Starter [RisaTab](https://wordpress.org/support/users/risatab/)
 * (@risatab)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318491)
 * Thanks. That’s worked to remove the comma but the date is still on the line below…
   any other ideas?
 *  Plugin Author [Jeroen Schmit](https://wordpress.org/support/users/slimndap/)
 * (@slimndap)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318493)
 * And to change the alignment of location and date you can add this code as well:
 *     ```
       .wpt_events .wp_theatre_event .wp_theatre_event_datetime {
       float: left;
       margin-right: 0;
       width: 40%;
       }
       .wpt_events .wp_theatre_event .wp_theatre_event_location {
       float: left;
       margin-right: 0;
       width: 35%;
       text-align: right
       }
       ```
   
 *  Thread Starter [RisaTab](https://wordpress.org/support/users/risatab/)
 * (@risatab)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318494)
 * Thanks. Sorry to sound stupid but where do I add that? Is it to the custom css
   box or somewhere in the coding of the events listings page?
 *  Plugin Author [Jeroen Schmit](https://wordpress.org/support/users/slimndap/)
 * (@slimndap)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318495)
 * To the custom css box as well. You add it to the code that removed the comma.
 *  Thread Starter [RisaTab](https://wordpress.org/support/users/risatab/)
 * (@risatab)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318500)
 * great! that’s worked- thanks! 🙂
 *  [TGolas](https://wordpress.org/support/users/tgolas/)
 * (@tgolas)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318772)
 * Adding onto this question: Is there a way to add “day” to the event listing? 
   Example: “Saturday, September 26, 2015”
 *  [TGolas](https://wordpress.org/support/users/tgolas/)
 * (@tgolas)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318773)
 * Never mind – I see the answer at the top of this thread. Thanks!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘coding for events page’ is closed to new replies.

 * ![](https://ps.w.org/theatre/assets/icon-256x256.png?rev=1208182)
 * [Theater for WordPress](https://wordpress.org/plugins/theatre/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/theatre/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/theatre/)
 * [Active Topics](https://wordpress.org/support/plugin/theatre/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/theatre/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/theatre/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [TGolas](https://wordpress.org/support/users/tgolas/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/coding-for-events-page/#post-6318773)
 * Status: resolved