Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

Product Listing Heading


Recommended Posts



This may be a simple request but I can't seem to figure it out. I'm trying to modify the CSS for the product listing page so that there is a border only around the outside of the heading table... and not around the cells on the inside of the heading table. Does this make sense?


The CSS I have for the heading is as follows:


.productListing-heading {
font-family: Verdana, Arial, Helvetica, sans-serrif;
border:1px solid #999;


This bit of code will add a border around the heading but it will also add a border around the text on the inside of the heading and on the cells that the text is in. I hope that makes sense to someone...


Any suggestions or guidance would be appreciated. Thanks.

Link to comment
Share on other sites

Hey Mike,


I think I know what you are trying to do.


Unfortunately the page heading is in a table cell <td> with two more in the row; the product filter and then the image, look at your index.php file for =


		<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
		<td class="pageHeading"><?php echo HEADING_TITLE; ?></td>
// optional Product List Filter


You'll have to define a new class just for the page heading of the product listing and try using CSS to colapse the table border and add it to the table row.

- :: Jim :: -

- My Toolbox ~ Adobe Web Bundle, XAMPP & WinMerge | Install ~ osC v2.3.3.4 -

Link to comment
Share on other sites


This topic is now archived and is closed to further replies.

  • Create New...