Product description text colour does not show its colours

[oavs]

Hi

When I created products, I had some of the headings in different colors. But when you view it in public it is all black colour fonts.


This is what I have in the Product in Category: > Products Description:

<p>The Incredible Adventures of &quot;Amazing Dad&quot; - <strong><br /></strong></p><p align="center"><strong><font color="#0000cc">LOOKING FOR A NOVEL, UNIQUE, FUN-FILLED GIFT TO GIVE DAD/HUBBY THIS VALENTINES DAY?</font></strong></p>

<p align="center"><strong><font color="#0000cc">SHOW YOUR DAD YOU THINK HE IS A 'STAR' - ORDER NOW!</font>   </strong>
<br />
<br /></p><div style="text-align: left;">

An action filled super hero adventure where your favourite Dad defeats the villainous Professor Nasty! “Amazing Dad” saves the universe from all of Professor Nasty’s dastardly deeds time and time again. “Amazing Dad” flies at mach speed, is a martial arts master and journeys to distant planets to protect all. The world is a safer place now that your “Amazing Dad” is on the case. <br /></div><p align="center">&nbsp;</p><p>Great for all action – adventure fans! A gift your Dad will appreciate more than a tie or slippers this Father’s Day, Birthday or Christmas! <br /><br /><strong>GREAT FOR GRANDDADS TOO</strong>! <br /><br />Total run time: Approximately 30 min.
<br /><br />
FULL COLOR PHOTOS ONLY PLEASE. </p>
<h4><font color="#ff0000" size="4"><strong>ENTER ORDER INFORMATION HERE:</strong></font></h4>

<p>Upload your photo now by clicking the <strong>'Browse'</strong> button below and selecting your picture from your picture files - <strong>OR -</strong> just enter the 'stars' name, complete your order and then e-mail your photo to: <a href="mailto:[email protected]">[email protected]</a> (please make sure you include your order number which you will be given at checkout in your e-mail). Should you have any queries regarding the uploading of your photos, please e-mail: <a href="mailto:[email protected]">[email protected]</a> We will be more than happy to assist. </p>

But on the site it shows as see (remove spaces) http://w w w.u s t a r.com.au/store/index.php?main_page=product_info&cPath=1&products_id=1

Please note the heading starting with
"LOOKING FOR A NOVEL, UNIQUE, FUN-FILLED ..." should be in blue
"ENTER ORDER INFORMATION HERE:" should be in red

When you edit the product description above headings are on those blue and red font colours but in the public site.

Any ideas how this could be fixed please?

Thanking you

[tony_sar]

all tags , such as p, h1,h2, etc, been defined in stylesheet.css , as such they override your tag .

best way is to create unique class for those tags in stylesheet.css and apply the class to your <p> or <hx>

example

.myPtag {

text-align:center;
font-weight: bold;
color: blue; <- or you use hex number for your colour
}

when you creating your product description you go like this

<p class ="myPtag"> description goes here </p>

this should work since there is a unique class is been created and added to <p> tag.

[oavs]

Ho Tony,

Thanks for your answer.

Problem is when client logs in to the admin and starts to add product/s descriptions, whey use HTML editor. When they change the color of the text they can see that it has changed. So they expect to see those changes on live site.

If I create custom tags they would not know what /how to use. Most people select the text and change the color in the HTML editor without selecting styles as they would have no idea which style to use.

[tony_sar]

When you create product description , before saving , you do preview in admin .. so catalogue stylesheet dosn't apply to the preview.
as such you may see the inline style but once viewed in catalogue , inline styles are over written by external styles.

[oavs]

So in order to make it work like in "classic" template I need to find out what to change.

HTML preview and in the "classic" template and the live view is identical view. So I know it works. This happened after styling the template for the website. Some how I need to find out what to disable in my style sheet so it goes back to the original as far as <h> tags. I don't want to completely change the style sheet to classic of course.

[tony_sar]

i see what you saying now , i have misunderstood your original problem.

using html editor , i can change colour , etc and it dose apply to my product.

unless your style sheet overriding something ..

im looking into this ..

[tony_sar]

which editor are you using to create your product description?

I just used HtmlArea . that what i have on my system . when i change colours , all are defined with in <span style="color: xxxx">
but yours is define as Font color ...

[oavs]

I use HTML area too. In fact I tough it might have been currupted so I deleted the whole folder on the server and then re uploaded from the original zen installation file zen 1.3.8.a

So files should be all current.

[tony_sar]

Thats odd, i have another test zencart , with all editors installed on it , no matter which editor i use, text colour always applies to <SPAN> tag and not <Font> tag. I highlight the text and changed the colour ..

I really have no idea what is going on .. sorry mate .. but will do more search on the net to see what i can get .

[oavs]

Thanks Tony