If you’re using exactly the same HTML table as the demo site, this can be achieved by adding the below to your stylesheet (style.css).
.entry-content td, .comment-content td {
border-top: 1px solid #EDEDED;
}
Hi,
first, this is the formatting setup of the demo site – http://pastebin.com/x2n46ZaP and then try @thijsonline for the lines
Thread Starter
colcio
(@colcio)
Hi
I was away for a while , sorry.
I tried your code and it works to some extent.
I have 3 more questions
1-Could you tell me how i can increase space between thumbnail and the line? right now they stick to each other and it looks ugly.
2-What determines the length of the line, they look short
3-How do i get rid of dates and times on the right hand side/
Thank you
Thread Starter
colcio
(@colcio)
You should be able to modify Thijsonline’s code to create more space at the top and bottom of the row by using the padding property. Like this:
.entry-content td, .comment-content td {
border-top: 1px solid #EDEDED;
padding-top; 6px;
padding-bottom: 6px;
}
I’m not sure what you mean by the length of the line.
To get rid of the date & time, go to Events > Settings > Formatting > Events and edit the Default event list format so that it uses only the placeholders you want to display.
Here’s a list of the placeholders you can use:
http://wp-events-plugin.com/documentation/placeholders/
Thread Starter
colcio
(@colcio)
Hi
I added it to the code but it does not create space between image and the top line????
http://www.escapeforfitness.com/book-now/
Sorry, my fault. There’s a typo in my code. It should be:
.entry-content td, .comment-content td {
border-top: 1px solid #EDEDED;
padding-top: 6px;
padding-bottom: 6px;
}