Harvey44 wrote
Greg I don't really know how to write CSS. I assume I have to create a class, but not sure how to do that.
could I just add another right below it:
.summary {font: gray;}
to change the color?
Yes... almost! The correct format is:
.summary {color: gray;}
This creates a rule for styling any HTML element (the technical name for what are usually called tags) which you specify is to be of that named class. It defines the foreground colour for the element. Should you wish to give the text a highlighter pen effect then you could also add a background colour to the rule. e.g.:
.summary {color: gray; background-color: yellow;}
If that was the rule it could be applied to any paragraph like this:
<p class="summary">This text will be coloured grey on a yellow background.</p>
(You can tell I'm British can't you? Isn't our spelling wonderful!)
How to add something to reduce the font size by 20%?
To give a definitive answer I'd need to know exactly how the page you are editing is built. Cascading Style Sheets gets their name because rules cascade through the document with many features inherited from the "parent" elements in which they are contained.
I'll assume that the line that needs to be small is within its own paragraph tags (<p>...</p>) and that no absolute units, (such as px, cm or in) have been used to define the size of other adjacent paragraphs (i.e. they are not inheriting an absolute size from any common parent element). With this caveat it should be possible to reduce the size of the paragraph by applying a logical unit to it, such as em, and making it 0.8em of the size that the neighbouring paragraphs would have. e.g.:
.specialsize {font-size: 0.8em;}
If you are not used to the em unit then the link below provides a useful introduction:
http://www.w3.org/WAI/GL/css2em.htm
I assume I still have to add something inline but not sure how to do that within the summary text.
You do have to tell the browser which elements are to be rendered using the CSS rule. Something like this should do the job:
{summary_start}<p class="summary">The text to replace the default 300 character summary used by a Nabble newspaper goes here. It will be formatted according to the styling rules for a paragraph of class "summary".</p>{summary_end}
or
<p class="specialsize">This text should be 80% of the size of neighbouring paragraphs.</p>
Volunteer Helper - but recommending that users move off the platform!
Once the admin for GregHelp now deleted.
Locked
