Editing Css That Is Linked To Tiny Mce Wysiwyg Html Editor

Which css class is resposible for the paragraph

property ?

is this one?

By the way the css classes below here

/* ==========================================================================
WYSIWYG
========================================================================== */
.ty-wysiwyg-content h1 {
font-size: 28px;
}
.ty-wysiwyg-content h2 {
font-size: 24px;
}
.ty-wysiwyg-content h3 {
font-size: 20px;
}
.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;
}
.ty-wysiwyg-content h1,
.ty-wysiwyg-content h2,
.ty-wysiwyg-content h3 {
margin-top: 20px;
margin-bottom: 10px;
}

Somehow do not really seem to match with the css selectors in the default wysiwyg or do they ?

[attachment=12275:Screenshot_wysiwyg.jpg]

Which CSS file should you edit if you want to edit the properties of the paragraph selector ?

Screenshot_wysiwyg.jpg

Have you checked

design/YOUR_THEME/css/styles.less?

attribute belongs to "Base styles" section.

If that doesn't work, check in this folder:

design/YOUR_THEME/css/addons

for any .less file that affects the

atribute..