Aligning the Events in the Table

this might be a theme css issue conflicting with your events list table css; however, can I know if you are using events list (or eventslist group) shortcode or using the default events listing page ?

Thank you for your response Angelo. It might be the theme. The default for the event list made the page difficult to read and unattractive so I put code in to make the changes I wanted in the events manager format settings.

After several tries this is the closest I have gotten to getting it to look like I want – just need to get it to align.

Is there a mistake here?

Default Event List Format Header:

<!– START HEADER –>
<table cellpadding=”0″ cellspacing=”0″ width=”100%” id=”current-events” >
<col style=”width:20%;” /> <col style=”width:20%;” /> <col style=”width:60%;” /> <td style=”vertical-align:top;”>
<thead>
<tr><th>Date</th>
<th>Time</th> <th>Event</th>
</tr> </td>
</thead>

Default Event List Format:

<tr>
<td class=”event-date”> #M #j, #Y </br> #@_{M j, Y } </td>
<td class=”event-time”> #_12HSTARTTIME </br> #_12HENDTIME </td>
<td><b> #_EVENTLINK</b>
#_LOCATIONNAME #_LOCATIONTOWN #_LOCATIONSTATE
</td>
</tr>
<table border=1 rules=rows frame=void>

THANK YOU!

I think the problem is that you’re opening another table in the last line of your formatting. Have you tried getting rid of that?

Thank you so much. That’s funny because I thought I did try to take that out before… It worked now. Is there a way I can get a line between each event.

Something like this should work:

#current-events td {
   border-top: 1px solid #000;
}

That did not work but this did.

<tr style=”border-bottom:1pt solid black;”>

Thank you for your help.

One more question now… I keep playing will the cell padding but the spacing does not change. I have tried to search for other codes and can’t seem to make it work. How do I get more space between the left vertical line of the table and where the words (in this case the date) starts.

Thank you.