Question

I am using SlideShowPlugin and want to modify the style of preformatted (i.e. verbatim) text.

I have successfully used an add-on CSS stle file to change the color. Now I want to reduce the font size.

I'm having CSS problems.

My template contains

<style type="text/css" media="all">
   @import url('%PUBURL%/%WEB%/SlideShowTemplate/slideshowstyle.css');
</style>

and the css file contains

body, td, tr, table, li, p, h1, h2, h3, h4 {
   font-family: serif;
}
pre, code, tt {
   color:#690478; /*T6*/ /*original: 7A4707*/
   font-family: Courier;
}
pre {
   font-size: 50%;
}

The font is my Browser-preferred serif font and preformatted text is the color I want. However, the pre font is not 50% (it's no smaller than it's been.).

Have I overlooked something?

Environment

-- VickiBrown - 28 Aug 2008

Answer

If you answer a question - or have a question you asked answered by someone - please remember to edit the page and set the status to answered. The status is in a drop-down list below the edit box.

That is strange!

Here are some tests with in-line styles work fine here, but when I add the font-size definition, everything under 100% renders as 100% (but the 150% is bigger).

• In-line 50%

• In-line 75%

• In-line 100%

• In-line 150%

And it's the same behavior for these:

A 

A 

A 

A 

A 

A 

A 

-- SeanCMorgan - 28 Aug 2008

Closing after more than 30 days. Please reopen with more details if needed...

-- PeterThoeny - 06 Nov 2008