[JKDECOR]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】9.0.9
【お使いのブラウザ】Safari
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

LIVINGSKAPE［リビングスケープ］｜リノベと北欧インテリア

LIVINGSKAPE［リビングスケープ］｜リノベと北欧インテリアです。リノベーションとインテリアを中心とした自分の好きなものを紹介しています。

livingskape.jkdecor.com

===

目次部分のフォントサイズだけを一回り小さくすることはできますか？

♥ 0

いいねをした人: 居ません

[JKDECOR]

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

下記の CSS でどうでしょう？

.wpco {
  font-size: 80%;
}

♥ 0

いいねをした人: 居ません

[JKDECOR]

小さくなりました！ありがとうございます。

何度もワガママを申し訳ありません。

以下のような修正も可能でしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

こんな感じでどうでしょう？

.wpco .contents-outline a::before {
    margin-top: 0;
    font-size: 10px; /* 任意の数値にしてください */
}

♥ 0

いいねをした人: 居ません

[JKDECOR]

私、HTMLまったくわからなくて、

任意の数値ってどんな感じで入れればいいのでしょうか？汗

これを追加したら元に戻ってしまったみたいで。。すみません。。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

任意の数値ってどんな感じで入れればいいのでしょうか？

サンプルとして 10px としていますが、もっと小さくしたいなら 9px や 8px に…ということです。ただ、ブラウザによっては最低フォントサイズが決まっている場合があるので、途中からそれ以上小さくならない可能性はあります。

これを追加したら元に戻ってしまったみたいで。

元に戻ったというのは、目次の文字サイズの縮小自体がもとに戻ったということでしょうか？ もし2/3に共有した CSS を消されたようであれば、それは残したまま、先程の CSS をその下に追加してください。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

念の為、いまどこに追加されているかわかりませんが、CSS は Snow Monkey の CSS ファイルに直接追加してはだめです！ アップデートするとネット上にある Snow Monkey の最新ファイルでテーマ内のすべてのファイルが置き換えられるので、Snow Monkey のファイルに追加しても消えてしまいます。

カスタマイザー → 追加 CSS に追加してください。

♥ 0

いいねをした人: 居ません

[JKDECOR]

こ、こういうことですよね、、汗合ってますか？？

♥ 0

いいねをした人: 居ません

[JKDECOR]

これで入れたのいですが目次のサイズが本文の文字サイズと変わらなくて。。

 

♥ 0

いいねをした人: 居ません

[JKDECOR]

あ、違うトピックスの方に目次の内容を書き込んでしまいました！申し訳ありません。

こちらもテキストエディットで数値を編集してコピペしたらうまくいきました。

迅速にご対応いただき感動です。ありがとうございました！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿