Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Widening space between Price and Product Name


skeeweeaka

Recommended Posts

Hello, I'm not a programmer so I'm sorry if this is an idiotic question. But when I select a product from the category selection it opens and the price and product name are very close together as if they are the same field... Can someone tell me how and where do i widen the space between those two fields... I appreciate your help...

 

Thanks! :'(

Link to comment
Share on other sites

One solution is to make the 'page heading' class font smaller. It's in the stylesheet.css file

 

TD.pageHeading, DIV.pageHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 20px;

font-weight: bold;

color: #9a9a9a;

}

 

I think 20px is a little overpowering, but opinions may vary. If it's smaller it will take up less space.

 

The other thing you can do is put an empty table cell between the cell holding the name and the cell holding the price. I put some non breaking spaces in there, but there may be a better solution.

 

In catalog/product_info.php, around line 90 are the cells holding the name and price

 

<tr>
		<td class="pageHeading" valign="top"><?php echo $products_name; ?></td>
		<td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td>
	  </tr>

 

You can add some space inbetween by changing it to this:

 

<tr>
		<td class="pageHeading" valign="top"><?php echo $products_name; ?></td>
		<td class="pageHeading" valign="top">    </td>
		<td class="pageHeading" align="right" valign="top"><?php echo $products_price; ?></td>
	  </tr>

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...