Product description text colour does not show its colours

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 "Amazing Dad" - <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"> </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

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

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

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.

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.

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.

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 ..

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 ...

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.

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 ..:blink::blink:

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 .

Thanks Tony

your page is working now .. the colour is changed and correct style attribute is been applied .. i guess uploading the new HTMLarea fixed the problem.

i looked on the net didn't find why this happened.. also , htmlarea no longer being supported by the author nor will be in zc version 2.0

No what happened was, client was writing in word copy /paste into HTML area. So I am taking the current <font> formatting then re applying formatting using HTML area. This now has fixed it....you thing clients tell you what they do ..:-)

Thanks for looking into it and for your time

lucky me , i don't work with any client.. i only installed one live zencart for family member and told him to buy the book which he did and thats all. :P:P

Note about external vs. inline styling -
Inline styling always takes precedence over external (stylesheet) styling, unless the stylesheet property is labeled "!important". So as you have seen, that was not the cause of the missing styling.
If you have a non-tech-savvy user creating descriptions with styling, the inline method is really the only practical way. It's bad practice for anybody professionally maintaining a website.

MS proprietary code strikes again! They think everybody should read things the way they format them...