Support

August 15, 2012 at 3:53 pm

That’s most likely coming from your theme and how it renders divs/paragraph tags/etc. Can you post a link to your event list page so I can see what’s actually going on?

August 16, 2012 at 12:06 pm

Display tweaks are usually best done with CSS. Try adding something like the following to the end of your custom stylesheet:

/*float event meta to the right */
.event-meta {
float: right;
width: 35%;
}

/*tighten things up*/
.event-meta p{
padding-bottom: 6px;
}

p.register-link-footer {
padding: 4px 0 0;
}

/*float link to left */
.register-link-footer {
float: left;
}

/*narrow the event title */
h3.event_title {
width: 55%;
float: left;
clear: both;
}

/*add a border */
.event-display-boxes {
border: 1px solid #d4d2d2;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
color: #303030;
padding: 16px 16px 8px;
margin: 5px;
}
/*self-clear the floats*/
.event-display-boxes:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .event-display-boxes {
zoom: 1;
}
/* IE6 */
*:first-child+html .event-display-boxes {
zoom: 1;
}
/* IE7 */

Note that it’s best practice to create a child theme so you do not lose your changes if the WordPress theme gets an update.