Categories Description with HTML

[Jeff G]

I don't know if this is ZC or php (or even something else).

I added a Categories Description in HTML mode with 2 tags at the start of the text:

<p><font face="Verdana" size="2">

and associated closing tags:

</font></p>

When clicking a category the page would display with the description and the sub-cats. Some category pages were fine, but others display the sub-categories in a different typeface than the default.

I found the problem cats had a space between the end of the text and the </font>.

<p><font face="Verdana" size="2">This is a desc of the category. </font></p>

The code was ignoring both the </font> and the </p> tags. This was cleary seen using the browser "view source" for the page.

This is NOT at all a big issue. Just a report of a "gotcha" that I found.

[SirBuck]

check your html again. Another thing you may want to consider is using CSS rather than some of the <font> tags.

You can add to your current stylesheet.css..

That may be the way to go.

Also, look over your code and make sure no end tags were forgotten. If you leave something out, the editor will try and correct for you and its almost never exactly right.

[Kim]

Why are you using html tags instead of styling the categories with CSS?

[Jeff G]

Thanks for the quick replies.

the editor will try and correct for you and its almost never exactly right.

I am pretty sure that is exactly what happened. I noticed that I forgot the closing tags as I hit save. When I went back to fix, I saw that the editor already "fixed" it.

As far as the use of CSS... pretty simple reason, I didn't think of it and I am not really up on usage. I will definately read up!

[SirBuck]

Thanks for the quick replies.

I am pretty sure that is exactly what happened. I noticed that I forgot the closing tags as I hit save. When I went back to fix, I saw that the editor already "fixed" it.

As far as the use of CSS... pretty simple reason, I didn't think of it and I am not really up on usage. I will definately read up!

Just make sure when you see that the editor "Fixed" it for you, double check that it didn't add any unnecessary tags.

As far as the CSS, in the meantime take a look at ZenCart's stylesheet.css and add to it using the same methods..
Thats will help while you are reading up.

[hardtokill]

I am having the exact same problem using the HTML editor - different fonts and formats on different category description pages.
Compare the following:
http://www.theladybugboutiqueonline....ndex&cPath=104

http://www.theladybugboutiqueonline....index&cPath=88

Although the "Editor" say the fonts and size are identical, the HTML coding is night and day, thus the different output. The former is what I want (Path=104) for all of my fonts/sizes. It was created first.

2 questions:
Where do I go (what file) to get the font to default in all future cases, and what should I edit?
and
Exactly where is the "english" of the description located (Path=104, Path=88, etc.)?

Thanks in advance for your input.

David

[gjh42]

Apply your font styling to #categoryDescription {} in /includes/templates/your_template/css/stylesheet.css, and all category descriptions will look the same. All you have to put in the individual descriptions is the <p>, <strong>, etc. tags.

Not quite sure what you mean by the "English", but if you are talking about the text content, it is stored in the database, not in a file.

cPath is the category path.

And lastly, do you really want all your text to be that tiny? Are you going to issue a magnifying glass to your users who don't have perfect eagle-eye vision? The text should be comfortable to read.