Reduce empty lines of between product listing

[digulu]

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...
Thank you.

[digulu]

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.

[schoolboy]

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

[digulu]

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

thank you

[digulu]

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.

[stevesh]

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;}

[digulu]

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!

[digulu]

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.

[digulu]

Can anyone please help me with this?
Thank you

[schoolboy]

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...