How can i edit subcategory listing page?

Hi,
Will anyone please help me? I am using the "amplify_zencart_tpl" template. And my site is www.pradhanflorist.com . I am facing the problem, such that, if i click on any subcategory in the left category menu (like Flower in my site ), then the content is showing such a bad looking that, all the product images getting touched. I want a gap there in between two products. i.e. I am unable to increase the height of the table <td> of each product . As an example, i can give you an example, please click on the link bellow, it shows how i like to look like :: Click Here For the Sample.

Waiting for kind reply. :lookaroun
-WDH

Add to your stylesheet (/includes/templates/your_template/css/stylesheet.css)```
.producLlisting-odd td, .producLlisting-even td {
text-align: left;
vertical-align: top;
padding:0.5em; /space between elements and borders/
margin-bottom: 1em; /space under border/
border-bottom: 3px double #aaccbb;
}

gjh42:

Add to your stylesheet (/includes/templates/your_template/css/stylesheet.css)```
.producLlisting-odd td, .producLlisting-even td {
text-align: left;
vertical-align: top;
padding:0.5em; /space between elements and borders/
margin-bottom: 1em; /space under border/
border-bottom: 3px double #aaccbb;
}

I have done this already but it is not working properply yet :frusty: .. Please tell me where is the wrongs...:lookaroun

Sorry, that's my fault. I went back to capitalize the "L" and missed it, swapping the L for a t... So it should be```
.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em; /space between elements and borders/
margin-bottom: 1em; /space under border/
border-bottom: 3px double #aaccbb;
}

gjh42:

Sorry, that's my fault. I went back to capitalize the "L" and missed it, swapping the L for a t... So it should be```
.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em; /space between elements and borders/
margin-bottom: 1em; /space under border/
border-bottom: 3px double #aaccbb;
}

Hi... Thanks.. Its working fine.. .. But I am wonder no-one there replied of my 1st question "[How to add two category list in sidebox ](http://www.zen-cart.com/forum/showthread.php?t=78560)" ... If any one can do that that will be really helpfull for me..

Thanks,
WDH

Answered in that thread.

Hi Glen,
All are ok about your code, but unfortunately the heading are getting displaced.. please look at the page , the headings "Product Image and Item Name" displaced.. Will you please help me?
With Best regards,
WDH

The headings are centered in the spaces, while the image and product name are left-justified.
You can change either of them in the stylesheet to match the other.

Hi Glen,
I made the following change in the CSS

.centeredContent, TH{
text-align: left;
}

-And It is working fine. Thanks a lot.

I have another question. Will you please tell me if i want to display only 4 images in the home page insteed of 12 product images, then which file i have to modify?

With Best Regards,
WDH

No files. That is an admin setting, in Configuration (which subpage depends on what part of the home page you are talking about - Index Listing and Maximums are likely locations).

Do you realize that
.centeredContent, TH{
text-align: left;
}

will change all centeredContent and all TH table headings sitewide to be left-aligned? You need to localize the effect if you want it to apply only in certain situations. Try

.productListing-rowheading {}

or

.productListing-rowheading th {}

Thanks Glen,
I did so as you helped me. I think you are also online and viewing the site. thanks. I am able to did several changes using your tips.. now the CSS change is as follows,

.productListing-rowheading th {
text-align: left;
color : #B6156B;
line-height: 3em;
background-color: #F3ABD2;
}

Thanks,

-WDH

Thanks Glen,

Thanks for your tips, Now my CSS is as follows
.productListing-rowheading th {
text-align: left;
color : #B6156B;
line-height: 3em;
background-color: #F3ABD2;

}

Thanks a lots,
-WDH

Hi ,
Will you please tell me, if i want to display all products insteed of new products for november in the home page, then what i have to make change in the code. And which file i have to modify?
Waiting for your reply,
With best regards,
WDH

Dear Glen,
Thanks for your all helps, I need some more,.. please see the site https://www.spradhanflorist.com , I want to have the Buy Now button in the product displaypage, and also i want the AllProducts display in the index page insteed of New Product for the month of November.

-WDH

I have followed Glen's help, and was able to make some changes. But I would like to have more space under the line separating each product listing, and noting seems to change it. I'd also like to make the names of the products a different color--I tried everything on my stylesheet, and nothing would change it.

http://www.tracibunkers.com/zen/index.php?main_page=index&cPath=67_69

Thanks!

Change the margin-bottom:

.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em; /*space between elements and borders*/
	margin-bottom: 1em; /*space under border*/
	border-bottom: 3px double #aaccbb;
	}

Add to your stylesheet:

h3.itemTitle {color: #aabbcc;}

to take care of the name.