Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / using CSS on Product Description

using CSS on Product Description

Locked

Views: 624

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
27 Jul 2010, 7:57 AM
#1
wendyt avatar

wendyt

New Zenner

Join Date:
Jun 2010
Posts:
23
Plugin Contributions:
0

using CSS on Product Description

Can we implement CSS code on HTMLarea for our product description page of our product? Thank you very much.

Best Regards,
WEndy

27 Jul 2010, 8:19 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: using CSS on Product Description

Unfortunately not
You would have to include it inline

27 Jul 2010, 9:04 AM
#3
wendyt avatar

wendyt

New Zenner

Join Date:
Jun 2010
Posts:
23
Plugin Contributions:
0

Re: using CSS on Product Description

What do you mean by inline?

28 Jul 2010, 12:29 AM
#4
wendyt avatar

wendyt

New Zenner

Join Date:
Jun 2010
Posts:
23
Plugin Contributions:
0

Re: using CSS on Product Description

Can somebody help me on this?

28 Jul 2010, 12:56 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: using CSS on Product Description

If you want to do CSS styling on product description content, you have two choices: you can put it inline in the element concerned, or you can give the element a class or id and style that in your stylesheet. Inline styling can be infinitely tailored to the particular element, but you need to repeat it for every element that has the same styling.
The stylesheet can apply as widely or narrowly as you desire depending on the classes or ids you create, but you do need to go edit the stylesheet before you see the effects.

You can do things like
[inline:]

<p style="width: 15em; background: #aabbcc; font-size: 1.3em;">Text text</p>

or

<p class="myPara">Text text</p>

[in stylesheet:]
.myPara {width: 15em; background: #aabbcc; font-size: 1.3em;}

If you apply a "myPara" class to all relevant product paragraphs, and later decide you want them a bit smaller, you can edit once in the stylesheet and they will all change. If you do inline styling, you will have to edit every single product that has that paragraph.

28 Jul 2010, 8:33 AM
#6
wendyt avatar

wendyt

New Zenner

Join Date:
Jun 2010
Posts:
23
Plugin Contributions:
0

Re: using CSS on Product Description

Thank you very much. Now I know what to do.