Downsizing Header Tags H1...h6 In Cs-Cart Wysiwyg

General General Questions
1

Not sure how it is with you but when I use any of the wysiwyg editors to assign a header tag for a page titel in a HTML or a HTML Block with Smarty support it breaks the design of the store theme completely.

What I mean by that is that I have page title in that block that is simply too large and very un aesthetic, very unpleasant for the eye.

What can I do about it.

The styles.less file provides me with some insight but not enough to truly succesful change the font size or better make it adaptive to the responsiveness of the theme (Graceful) 

/* ==========================================================================
WYSIWYG
========================================================================== */
.ty-wysiwyg-content h1 {
    font-size: 20px;
    font-weight: lighter;
}
.ty-wysiwyg-content h2 {
    font-weight: lighter;
    font-size: 18px;
}
.ty-wysiwyg-content h3 {
    font-weight: bold;
    font-size: 24px;
}
.ty-wysiwyg-content h4 {
    font-weight: bold;
    font-size: 18px;
}
.ty-wysiwyg-content h5 {
    font-weight: bold;
    font-size: 14px;
}
.ty-wysiwyg-content h6 {
    font-weight: bold;
    font-size: 12px;
}

[attachment=11070:unaestically-h1-tag.png]

Any suggestions welcome, more than welcome.

unaestically-h1-tag.png

2

Ah fixed it already.

3

I found the handlers and just added to the powermodern.less css the following lines:

.ty-wysiwyg-content h1 {
    font-size: 28px;
    font-family: Oxygen;
    color: #0288d1;
    font-weight: lighter;
}

.ty-wysiwyg-content h2 {

font-size: 20px;

font-family: Oxygen;

color: #0288d1;

font-weight: lighter;

}

That did the trick.