CSS Product Description Problem

[DejaVu]

My font is not defaulting to the the same as the rest of the site in my product description.

 

I dont really want to have to put <p class="main"> into all my product description, so I added the font I need into the CSS Body section which changed the font face. But It wont change the size of the text using -

 

BODY {
 text-align: center;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 background: #E5D6DF;
 background-image: url("images/pink-gradient.gif");
 background-repeat: repeat-x;
 color: #000000;
 margin: 0px;
}

 

It's staying large.

This is my product info page -

http://www.ticklesticks.co.uk/product_info...eries-batteries

 

I think it might have something to do with the extra <p> wrapper around my text, but I cannot work out how to remove it.

		  <p class="main"><strong>Description</strong><p>2 pack of top quality Philips C size Long life batteries.</p>

This is what it's creating.

[DejaVu]

Can anyone help with this silly problem?

[Historian]

The reason the text size is not changing is because another class is taking priority. This would be because any class would take priority over the body tag.

 

I'm not quite sure what you are trying to do, but there is a mistake in your HTML. You are using <p> to start a new line. Either change it to <br> or add a </p>.

[DejaVu]

I uploaded a template for my site and the product_info.php have a fault in it.

 

To fix the problem, I included a completely new table to encapsulate the description and it's working ok now.

 

Thanks for the heads up Historian! ;)

[jhande]

I uploaded a template for my site and the product_info.php have a fault in it.

 

To fix the problem, I included a completely new table to encapsulate the description and it's working ok now.

 

Thanks for the heads up Historian! ;)

 

Might want to take another look at your code.

 

 

</table>
	  <p><p>2 pack of top quality Philips C size Long life batteries.</p></p>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! // -->
<tr>
  <td><table width="100%">
   <tr>





</tr>
<tr>








 </tr>
	</table></td>
 </tr>
<!-- // BOF MaxiDVD: Modified For Ultimate Images Pack! // -->

 

The description seems to have missed the table tags and it has 2 paragraph tags. :huh: