Reduce empty lines of between product listing

Greeting,

I am not sure which subforum topic this should go to.
Basically, product listing for each products has lots of space.. it looks like price/add cart and image has larger size compare to title. is there anyway to reduce them? so they will display side by side ?

My problem screen shot is attached.
there is many space in between the products ...how can I make it so that image, title, price/cart will be more linear?
...(can you see the title is squeezed ) I know how to reduce product image size but not the price/addchart column.
What do I need? extra module installation? Column grid module? please let me know...:no:
Thank you.

little clarification: Is there any way to put image higher and price/cart higher so it match the same lines with title?
Linearly..

Thank you.

An image does not allow us to analyse the page source coding. we need a link to your site.

Ok here is my site
http://digulu.x10hosting.com/store

thank you

anyone please help me? I need to reduce empty space, or lines in between the product listing.
Nobody has answered my question yet.

Thank you.

Please see the photo attached.

Trying to figure out your Template Monster stylesheets is making my head spin, but try adding this to the stylesheet first:

.background-topic-bottom-left2 {display:none;}
.background-topic-top-left2 {display:none;}

Thank Stevensh.

yes. I followed your instruction. I don't see much line (<br/>) removed. yes, I bought my template from TemplateMonster (right now everything is configured fine). my stylesheets.css is actaully stylesheet_tm.css.

Here are part of stylesheet_tm.css

/***************************************/

.background-topic-top2{ background:url(../images/bg-topic-top-left-2.gif) no-repeat left top; padding-left:10px;}

.background-topic-top-right2{ background:url(../images/bg-topic-top-right-2.gif) no-repeat right top; padding-right:10px;}

.background-topic-top-left2{background:url(../images/bg-topic-side.gif) repeat-x left top #FFFFFF; height:16px;}

.background-topic-bottom2{background:url(../images/bg-topic-bottom-2.gif) repeat-x left bottom #FFFFFF; width:100%;}

.background-topic-bottom-right2{background:url(../images/bg-bottom-right-2.gif) no-repeat right bottom; width:100%;}

.background-topic-bottom-left2{ background:url(../images/bg-bottom-left-2.gif) no-repeat left bottom; height:16px; width:100%;}
/*********************************/
Again my questions are:

1. How do I reduce spaces , empty lines (<br/> ) from one product to another product in my listing?

2)How do I move image (photo of product) higher so that Image, Item Title, Price, Addcart is same line. Line up together. Image looks like surrounded bye a square frame. I know how to reduce image size from Admin->Configuration->Image (image size reduced but not the square frame that frame the image).

Much appreciated!

Anyone ? See attached photo in #5 above.
Please take a look. I need to reduce the line space (<br/>) and move the image/photo higher so that image,title,price cart are lining up with minimum space.

Thank you.

:frusty:

Can anyone please help me with this?
Thank you

Perhaps you should go back to the people who sold you the template...

If they took your money, I think it would be reasonable for them to offer help...

Sorry to be pain of ########.. I will need your expertise. I mean I need to reduce new empty line between each product listing...
I would like to have my buyers to see more products when products listing in one page without scrolling down. Therefore reduce fonts and removing new empty lines should work
(I tried reducing image size or reduce item name character or item description Characters . It does not work)

Thank you very much for your help.

Help..:frusty:

The advice I gave in post #6 works for me on your site when viewing it in Web Developer. It may be that the permissions aren't set properly and you're not actually changing anything when you edit your stylesheets.