フリースペースの行間を狭くしたいのですが、変更が出来ません。知っている方がおりましたらよろしくお願いします。

「木蓮」3カラムを使用してます。フリースペースの行間を狭くしたいのですが、変更が出来ません。知っている方がおりましたらよろしくお願いします。

その行間を狭くしたい、フリーエリアに記述しているテキストやタグの前後を <div> で囲み、クラス属性を追加します。そしてそれに対する指示を CSS に記述します。

まず、フリーエリアの中をこうします。例えば・・・↓

<div class="gyoukan">
あれあれこれこれ
abcdefghijklmn
なになにこれこれ
</div>

これでそのフリーエリアの中は、gyoukan というクラス属性に囲まれた形になります。

次に管理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

その中の、CSS （ スタイルシート ）に新たな指示の記述をします。記述する場所はどこでも良いです。あなたのわかりやすい場所に記述して下さい。

.gyoukan{line-height:100%;}

例では 100% と記載していますが、この数字を変更すると行間が変わります。あなたの好みの行間に変わるよう数字を色々と置き換えて下さい。

CSS を保存。CSS の再構築をかけます。そしてブラウザーのリロード （ 再読み込み ） をすれば表示反映されています。

あきなさん。ご質問ありがとうございます。

フリーエリアプラグインの中に書かれた行間を狭くしたい文章を

<div style="line-height:90%;">

と

</div>

で囲んでも良いかもしれません。

90%の部分はお好きな値に変えられて下さい。

<div style="line-height:90%;">文章</div>

という感じです。

変更したら、フリーエリアプラグインを保存し、プラグインの再構築をします。

イメージとあわない場合は元に戻されて下さい。