[SOLVED] Product list rollovers

[MrBaseball34]

I like the way the Featured Products show a rollover effect on the li's.

However, I can't get the product list to do the same thing.

Has anyone done this or how do I do this?

[MrBaseball34]

In global.css, change this:

ul#product_list li {
   background: #e5e7eb url('../img/block_category_item_bg.jpg') repeat-x;
   border: solid 1px #d0d3d8;
   padding: 6px;
   height:130px;
   clear:both;
   margin-bottom:0.3em;
}

to this:

ul#product_list li {
   background: #e5e7eb; /*  url('../img/block_category_item_bg.jpg') repeat-x; */
   border: solid 1px #d0d3d8;
   padding: 6px;
   height:130px;
   clear:both;
   margin-bottom:0.3em;
}

In product-list.tpl, change this:

to this:

   on mouseover="this.style. backgroundColor ='#DBDEE5'" 
   on mouseout="this.style. backgroundColor ='#E5E7EB'"> 

Note, remove the spaces in the onmouseover, onmouseout lines, this forum won't accept ANY javascript code.
Of course, use the colors that you are currently using in your theme for the background and rollover colors ;-)