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テーマとテンプレートのカスタマイズ」 セミナーでも紹介しています。