View Full Version : Product listing customization. Help!

05-10-2009, 07:42 AM
I have this product listing:

Alara renacida : Mercado Magic: Tu tienda de Magic Low-cost. (http://www.mercadomagic.es/index.php?cPath=1)

How can i change the Background color of the line where you can see " Name, Edicion, Frecuencia, Cantidad".
I really want it to be different than search results. How can i do it?
I have been trying it for weeks!


05-10-2009, 04:53 PM
if you look at your HTML code:
<td class="headerNavigation">&nbsp;<a href="http://www.mercadomagic.es/index.php?cPath=1&amp;page=1&amp;sort=1d&amp;osCsid=4881b4f883 36d29ae2224cc39f555921" title="Ordenar Productos Descendentemente por Nombre" class="productListing-heading">Nombre+</a>&nbsp;</td>
<td class="headerNavigation">&nbsp;<a href="http://www.mercadomagic.es/index.php?cPath=1&amp;page=1&amp;sort=2a&amp;osCsid=4881b4f883 36d29ae2224cc39f555921" title="Ordenar Productos Ascendentemente por Edicion" class="productListing-heading">Edicion</a>&nbsp;</td>
<td class="headerNavigation">&nbsp;<a href="http://www.mercadomagic.es/index.php?cPath=1&amp;page=1&amp;sort=3a&amp;osCsid=4881b4f883 36d29ae2224cc39f555921" title="Ordenar Productos Ascendentemente por Frecuencia" class="productListing-heading">Frecuencia</a>&nbsp;</td>
<td class="headerNavigation" align="right">&nbsp;<a href="http://www.mercadomagic.es/index.php?cPath=1&amp;page=1&amp;sort=4a&amp;osCsid=4881b4f883 36d29ae2224cc39f555921" title="Ordenar Productos Ascendentemente por Stock" class="productListing-heading">Stock</a>&nbsp;</td>
<td class="headerNavigation" align="right">&nbsp;<a href="http://www.mercadomagic.es/index.php?cPath=1&amp;page=1&amp;sort=5a&amp;osCsid=4881b4f883 36d29ae2224cc39f555921" title="Ordenar Productos Ascendentemente por Precio" class="productListing-heading">Precio</a>&nbsp;</td>
There is two CSS declarations:


Modify your CSS file to your needs.

Good Luck.

05-10-2009, 10:24 PM
Perfect! It was the solution.
Well, i want to apply other color to the text inside that Tr.td , but i have a global CSS declaration for Links and even if i put color:#000000 it applies the color of the CSS for links.

How can i change the color only for this line?How can i exclude the css from this table?

05-11-2009, 10:36 AM
Change the class to what you want. It is better to change the CSS file and insert/change the class than to hard code color etc... into html.