The WYSIWYG editor typicaly use <span> to format the tekst and this can be override using !important.
This I have done with the following css using the "!important".
You just wrap your summaries in your specific news template with a <div class =newssummary>.
You can also add other properties that you can see the tinyMCE or the users are using by adding it in the class list in the top fx. ".newssummary h1".
You properly want to add the css in your own css page or in the news css page:
Code: Select all
.newssummary, .newssummary p, .newssummary span, .newssummary strong{
color: #404040 !important;
font-size: 16px !important;
font-weight: normal !important;
line-height: 1.2em !important;
margin: 0 !important;
padding: 0 0 10px !important;
font-family: georgia,"times new roman",times,serif !important;
background-color: transparent !important;
}