Change Subcategory Image Sizes

I am having a problem with my subcategory header image display. I don't know if I can fix this in the admin control panel, css, or which page I need to modify to add css to control this layout.

We want our category header images to look like this: http://www.lasilhouettelingerie.com/store/scarves-c-193_197/
The problem is our category pages that contain subcategories look like this: http://www.lasilhouettelingerie.com/store/accessories-c-193/

We want the header large 750px X 150px on the pages that have products, but not on the subcategory page. In the second example above, we do not want these subcategory images to show. If we do decide we want images here in the future, we will want them a different size (not 750px X 150px). How can I distinguish between the two?

I know about: configuration>images and I have been playing around but do not see these banners disappear on my subcategory pages.

Not sure I understand exactly, but what happens if you add this to the bottom of stylesheet.css ?

#indexCategories .categoryImg {display: none;}

stevesh:

Not sure I understand exactly, but what happens if you add this to the bottom of stylesheet.css ?

#indexCategories .categoryImg {display: none;}

That removed the wrong header image. I like the top gray image, I don't want all the long subcategory images like: Jewelery and Scarves. When I look at the coding for the image I want to remove I see this:

<tr>     <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/jewelry-c-193_195.html"><img src="images/jewelry.jpg" alt="Jewelry" title=" Jewelry " width="750" height="150" /><br />Jewelry</a></div></td>         <td width="49.5%" align="center" valign="top"><div class="categoryListBoxContents" style="width:100%;"><a href="http://www.lasilhouettelingerie.com/store/lingerie-detergent-c-193_199.html"><img src="images/pixel_trans.gif" alt="Lingerie Detergent" title=" Lingerie Detergent " width="1" height="1" /><br />Lingerie Detergent</a></div></td>      </tr>

As you can see in this coding there are no css definitions. Well not except for categoryListBoxContents which is for the whole box. Which file would I have to modify, in order to add a css rule to the images in the coding above?

My problem is that I want these images to show if there are products in this subcategory. Like this looks really nice:
http://www.lasilhouettelingerie.com/store/scarves-c-193_197/

But this one: http://www.lasilhouettelingerie.com/store/accessories-c-193/ not so nice. I want the top header image to show on this subcategory page (the gray image), but hide or remove all the subcategory images on this page. Having these very long subcategory images are going to wreak havoc on these pages with subcategories. We are only interested in showing the long banners on pages that have products. Not on the subcategory list pages.

It looks like it's taking that information from a grid. Since I have a 4 column grid enabled. But now I don't know which file to add this css definition too. It's obvious somewhere in one of the PHP page I have to define the css, I don't know which page to do it in.

OK now I feel like a fool. The answer is right in the control panel under: Configuration> Images.

Subcategory Image Width
Subcategory Image Height

I had these blank. Apparently leaving them blank will show the full sized image. Then I changed them to zero and the images still showed in full size. Finally I changed them to 1 X 1 and a small dot showed. I wish 0 X 0 would work but it does not. What did work (and hid the dot) was set width to .5 and height to 0.