"forcing" a font size in output

Hello,

My Results page has sets of Presenters arranged in groups of 4. (Thank you again). Each of the 4 Presenters displayed on that Results page is accompanied by a "display extract" consisting the first 500 characters of that Presenters bio, which I extract. Unfortunately, some Presenters rearrange their bios away from the default font and size. Thus the CKeditor is providing strings such as "font-size:16px", and which then affect the page's look and design.

Before I set to and jury rig a php string/replace routine using regular expressions and the like, does the CK editor allow one to force text to adopt the default of other size: i.e. as an override?

Thank you

You can override font settings in the CSS on the page where it is displayed. For example, you could wrap your bio in <div class="shortBio"></div>

and then use a css class definition like:

.shortBio {
  font-size: 12px !important;
}

The !important at the end will prevent it from being overridden by the bio html.

Thank you.

I just copied the parts I wanted from my main style sheet into the head of that file.
And added the !important.
I can now adjust it from there on the fly as and when needed.

The !important did it!!!

Hi,

I was too quick in saying that !important had fixed the problem. It hasn't. If you view the link in the private area, you will see that there is an HTML editor styling in place to give some white Comic Sans text on a green background, and which is not being overwritten either by the style in the head, or by inline directives.

I am reluctant to start trying to design a whole bunch of regular expression search and replaces, so think I will just have to accept that the page is not going to be properly harmonized. If a Presenter changes font styles or etc in their bio, the difference is going to be registered on this Records page.
Thank you

Where did you add the !important font family tag?

Try changing:

<style>
	.shortBio {
 	color: #565656 !important;
	font-family: Raleway, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	line-height: 1.75 !important;
	letter-spacing: 0.025em !important;
	background-color: inherit !important;
}
	</style>

To:

<style>
	.shortBio, .shortBio span {
 	color: #565656 !important;
	font-family: Raleway, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
	line-height: 1.75 !important;
	letter-spacing: 0.025em !important;
	background-color: inherit !important;
}
	</style>

Hi

Thank you. I now have:
.shortBio, .shortBio span, .shortBio p, .shortBio span p, .shortBio p span, .shortBio p span span, .shortBio span span

That has fixed them all except one, which is still being stubborn.

I'll leave it a few moments and then re-examine the text as stored in the database in case I am misreading the tags. I'll figure it out eventually!!

Thank you very much