Product Listing CSS

[fantasticals]

My product listing box is displaying differently to my new products box, how do i apply the same css to the product listing box ?

http://www.fantasticals.co.uk/catalo...ndex&cPath=1_4

[kuroi]

First step is to implement the Column Layout Grid for Product Listing mod to get the data into a similar layout format.

[fantasticals]

Sorry probably didnt explain myself properly, im happy with the layout of the product listing, but i want the header size, font size and border to be consistent with the new lines box.

[kuroi]

Apologies got to go out so no time to explain, but this added to your stylesheet should take care of it

.productListing-heading, a.productListing-heading {font-size:12px; color:black; padding:6px 0}
#productListing table {border: 1px solid #EDE2DE}

[fantasticals]

Thanks! thats exactly what i needed

[fantasticals]

Having resolved the issue above i decided to install the colum_layout_grid module, which now ive looked at it is more suited to what i need.

However Id still like a box round the products the same as the new lines box, installing the module seems to have made the CSS code redundant.

http://www.fantasticals.co.uk/catalo...ndex&cPath=1_4

[CJJUNE]

hi Kuroi / fantasticals For this style

.productListing-heading, a.productListing-heading {font-size:12px; color:black; padding:6px 0}
#productListing table {border: 1px solid #EDE2DE}

Which part of the style sheet should I in to? I added in but nothing change.

My product listing header title is off . Unlike the header for the new products. Please see picture. Can the style above solve the problem?

[kuroi]

To answer your questions I would need a link to your site and a more specific explanation as to what you want to do.

[CJJUNE]

Hello hello

I manage to solve the problem. I added this line of style:

.productListing-heading, a.productListing-heading {
font-size:12px;
color:white;
padding:10px 0px 0px 10px;}


.productListing-rowheading {
background:transparent url('../images/sidebox-title-bg.gif') 0px 15px repeat-x;
padding:15px 0px 0px 11px;
font-size:12px;
font-weight:bold;
font-family:Arial, Tahoma;
color:white; /*font color for Product listing "Product Image"*/
}
now it work nicely on FIREFOX and IE.