One product per row view, help with CSS!

[cuie]

Hi guys!

I´m using Flexi-theme, Joomla 2.5 and VM2.0.18. By default Flexi-theme shows 3 products per row in a neat little boxes.

I´d like to have one product per row, so that image would be on the left and product heading, product data, add to cart -buttons etc would be on the right. This way I could present all the relevant product data in the category view, so the user wouldn´t have to click to product details.

If I set Items per row for a category to be 1, I get this kind of layout:



As you can see the layout sucks. I`m not an expert with CSS, so could anyone of you point me how I should edit the vm-flexi.css? I can send the file if it helps?

I know that I should somehow also modify category/default.php. There is on the row 221:

   // Show Products ?>
      <div class="product floatleft<?php echo $Browsecellwidth . $show_vertical_separator ?>">
         <div class="spacer">

So I´d need to somehow set that spacer to show items inline?

All help appreciated!

[jenkinhill]

Support for Flexi-theme is provided by the template developer.   See http://forum.virtuemart.net/index.php?topic=108212.0

[cuie]

Support for Flexi-theme is provided by the template developer.   See http://forum.virtuemart.net/index.php?topic=108212.0

Ok, thanks. I´ll ask from the theme developer.