XOOPS Cube公式サイトに「ニュース記事の文字サイズを12ptにしたい」という投稿がありました。

http://xoopscube.jp/modules/xhnewbb/viewtopic.php?viewmode=flat&topic_id=1449&forum=5


この解を得るための手順を簡単に説明します。


1. クラス名を調べる


まず、該当するページを開き、そのソースを表示します。この投稿ではニュース記事本文のサイズ変更をしたいということでしたので、それが表示されているページならどれでも結構です。


例:セキュリティアップデート : PopnupBlog アップデートのご案内(Xoops Cube公式サイト)

http://xoopscube.jp/modules/cubeNews/?action=detail&id=27


※Internet Explorerのソース表示機能では、メモ帳が起動して日本語の部分が文字化けします。Operaなど、他のテキスト・エディタ(EUC-JP対応)を呼び出せるブラウザを使うとよいでしょう。


▼ニュース記事本文のソース

---------------------------------------------------------------------------------

<p class="itemText">Version2.32 Redwood-1209 にてセキュリティアップデート:Script Insertion 対策を施しました。<br />
本文の投稿に、JavaScript等を挿入する事が可能なためScript Insertion の脆弱性がございました。また、2.2からのアップデートにはSQLのテーブル更新が必要です詳しくはreadme.txtをご覧下さい。</p>

---------------------------------------------------------------------------------


上記のソースでわかるように、記事本文には、itemTextというクラスが割り当てられています。


2. style.cssを編集する


テーマセット内のstyle.cssをテキスト・エディタで開き、該当するセレクタにスタイルを記述します。

(defaultテーマ使用中なら、/themes/default/style.css)


▼itemTextプロパティ

---------------------------------------------------------------------------------
.itemText {font-size: 12pt; margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}

---------------------------------------------------------------------------------


【参考サイト】

 CSSのプロパティ一覧が公開されています。

 とほほのスタイルシート入門


【参考図書】

 リファレンスとしても使えますが、冒頭にCSSの基本文法の説明があり、ビギナーにはお奨めです。

安川 英明, アンク
スタイルシート辞典

この内容は「XOOPSテーマとテンプレートのカスタマイズ」 セミナーでも紹介しています。