Side-by-side Listings

At a glance, try adding a width to your .row1 in style.css

.row1 {
border-bottom:1px solid #C6C9CB;
float:left;
margin-bottom:38px;
padding:0 0 14px 6px;
width: 400px;
}

You'll have to play around with it, maybe create a new div to contain all the listings, and clear the float afterwards.

You may also use a count function to end and open a div with a bottom border every 2nd lisiting.

Good luck.

Hi there

Thanks for posting!

I had a look at both your templates and I didn't actually either of them side by side. That's not too big a deal at this stage though.

Getting your listings side by side instead of up and down is basically just a matter of HTML and CSS. What you'll want to do is make a standalone template first that has the proper columns. This way, you aren't trying to figure out the template and CMS Builder at the same time.

Once you get the template setup, we can go over it together from there.

Thanks Tim!

I just created .row2 with your suggested changes and inserted a float break and it works great. I avoided inserting a line every two listings by setting a maximum height to the thumb images on the listings.php page.

I think the side-by-side listings display the info better and will inspire better conversions.

Mike