Changing headline size and normal font size just in the category description

[Hetko]

How can I change the headline and the normal font size just in the category description?

 

What I know is I have to create a custom CSS class for example "customfont" and link this to a CSS file in which I have a code like:

 

.customfont h1 {font-size: 13px!important;} or

.customfont h2 {font-size: 12px!important;} or

.customfont p {font-size: 11px!important;}

 

But how can I link this "customfont" Class to  the product description in the category.tpl file?

This is the code in category.tpl:

{if $category->description}
    <div class="cat_desc">
    <span class="category-name">
        {strip}
        {if isset($categoryNameComplement)}
            {$categoryNameComplement|escape:'html':'UTF-8'}
        {/if}
        {/strip}
    </span>
    {if Tools::strlen($category->description) > 350}
        <div id="category_description_full" class="rte">{$category->description}</div>
    {else}
        <div class="rte">{$category->description}</div>
        {/if}
    </div>
{/if}

 

And where do I have to put the .customfont code? Into global.css, category.css or in a custom.css file?

 

Any help for this is appreciated!

[Paulito]

Hello

 

Not sure I understand, do you want to achieve something like this:

 

http://screencast.com/t/bJvVbhKjnhl

 

If so, you can use this code:

 

.category-name {font-size:10px!important;}

.cat_desc{font-size:20px!important;}

 

or am I barking up the wrong tree

 

Paul

[Hetko]

Yes thanks! Putting this into category.css worked! But however the text "women" in your example isn't the headline in my theme anymore.

H1 is made in the product description and also H2.

 

Do you know a code on how to change this?