記事の中の引用文をCSSで見た目を変える

Favoured : 70

Published in : FAQs, 意外と使えるテクニック

Tags : 引用文, CSS, スタイル,

本家フォーラムにも質問が出ていました。
「Joomla!がインデントタグ blockquote を反映してくれません。ソースを見たら blockquote が入っているのに、プレビューしたらインデントが反映されていません。」

TinyMCEを使っているのなら、単純にツールバーからblockquote/indentアイコンをクリックで反映されると思います。（フォーラム回答抜粋）

が、透明の空間が前に空くだけですよね・・・汗

オリジナルの引用スタイルを作るには・・・

テンプレートのCSSファイルを編集する。

エクステンション＞テンプレートマネージャ　へ
デフォルトテンプレート名の上でクリックします。

テンプレート編集画面に切り替わるので、右上部にある【CSS編集】をクリック。

たくさんのCSSファイルが並んでいると思いますが、template.css　のラジオボタンにチェックを入れ右上部にある【編集】ボタンをクリック。

blockquote {padding: 8px; border: 1px #DDD dashed }

と空欄にCSSコードを挿入してみます。

変更を保存します。