賢威のサイドバーに追加した「テキスト」内のリンク間を広げる

賢威のサイドバーに追加した「テキスト」内のリンク間を広げる方法です。


例えば、「外観」⇒「ウイジェット」をクリックして、

下の画像の様に

「テキスト」欄を追加して、

「テキスト」を追加して、リンクを貼る
※画像は大きくなります。


その中にYahoo!のリンクを3つ貼ったとしてます。


すると下の画像にある様に、Yahooのリンクが3つ設置出来ますが、

ややリンク間のスペースが狭いと感じませんか?

「テキスト」内にリンク貼るとリンク間が狭い


もしリンク間が狭いと感じた場合は、

リンク間を広げましょう。


リンク間を広げるには、

「外観」⇒「エディター」をクリックして、

design.cssを開きます。

design.css の一番下(下の画像を参照)に次の語句を入れます。

.textwidget{
line-height:200%;
}

design.css の一番下にタグを入れます


追加して、変更保存してキャッシュの削除

そしてサイドバーを確認しましょう。

「テキスト」内のリンク間を広げた画像


上の画像の様に、

Yahoo!のリンク間のスペースが広がりました。


リンク間のスペースは、

文字サイズなどとのバランスがありますので、

line-height:200%; でなく、

ご希望の数値(180%など)に変えてご希望のリンク間を探してみて下さい。


以上で、

賢威のサイドバーに追加した「テキスト」内のリンク間を広げる

の説明を終えます。








サブコンテンツ

当サイトの記事一覧

アーカイブ

このページの先頭へ