you can try this snippet – http://pastebin.com/x2n46ZaP however the demo site uses wordpress default twenty twelve theme.
Thread Starter
jpurce
(@jpurce)
Okay, that didn’t work. Can you tell me how to add the light grey line that separates the header and each of the events so they aren’t right on top of each other?
Can you post a link to your site?
Thread Starter
jpurce
(@jpurce)
This would be useful to know for me too. I can’t manage to get the table headers to align to the left (it looks to me that they are center). The separating line would also be nice to have as jpurce has asked.
here is my website: http://www.jrsv.net/events
Thread Starter
jpurce
(@jpurce)
YES! getting the header text to allign left would be great too!
Adding this to the end of the style.css file of your theme should give you the basic spacings & gray line but I think you’ll need to reduce the size of the image if you want a more uniform look.
.events-table td {
border-top: 1px solid #ededed !important;
padding: 6px 10px 6px 0 !important;
}
Thread Starter
jpurce
(@jpurce)
Will this take care of the align-left issue too?
Thread Starter
jpurce
(@jpurce)
Is there not a simple directive that can be simply added to the Default event list format header?
Changing the look of the events list in this way needs to be done with CSS styling.
Although it can be done by adding the CSS directly to the formatting boxes, it’s usually a lot easier and less error prone to add rules to style.css-
I managed to insert a “line” “<hr /> separator” by adding it to the [event list format], my code is:
<tr>
<td>
<div style="float:center; margin:10px 10px 10px 38px" </div>
<hr />
#_{d/m/Y} #@_{ - d/m/Y}<br/>
</td>
<td>
<div style="float:left; margin:30px 35px 50px 50px 10px;">#_EVENTIMAGE{100,100}</div>
<hr />
#_EVENTLINK<br/>
<i>#_LOCATIONNAME, #_LOCATIONTOWN #_LOCATIONSTATE</i>
</td>
</tr>
maybe that helps @jpurce
sorry but we are quite limited with regards to custom coding as per the support policy – http://eventsmanagerpro.com/support-policy/
