目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）

華麗なる社畜

設定⇒TOC⇒文字サイズの％UP
これを行っても、文字サイズが変更されません。
どのような原因と対策があるか、教えて頂けると助かります。
宜しくお願い致します。

WordPressのバージョン :
ご利用のサーバー名 :
PHPのバージョン :
OS :
ご利用のブラウザ :
該当サイトのURL :

Ryota

@華麗なる社畜さん

こんにちは！JIN運営チームのりょうたです。
文字サイズの件ですが、TOCのCSSを読み込んでいない設定になっている可能性がございます。

https://jin-theme.com/manual/mokuji/#CSS

上記のページを参考にしている場合、JINではJIN専用のCSSを用意しているので
TOCの設定を変えても大きさは変わらないかと思います。

華麗なる社畜

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

https://jin-theme.com/manual/mokuji/#CSS

りょうたさん
ご返信いただき、ありがとうございます！
たしかに上記URLを参照し、「CSS ファイルを除外」にチェックを入れておりました。

しかし、チェックを外し、文字サイズを100～130％で打ち込みなおしましたが
文字の大きさは変わらず、ボックスの縦幅が短くなっただけでした。

どう対処すればよいでしょうか。
何度も申し訳ございません。
お分かりでしたらご教示宜しくお願い致します。

Ryota

@華麗なる社畜さん

こんにちは！
％の設定をemにしてもダメでしょうか？

華麗なる社畜

ryotaさん　お返事遅れ申し訳ございません。emにしても文字サイズが小さいまま、変わりませんでした。

Ryota

@華麗なる社畜さん

こんにちは！
ご連絡ありがとうございます！

うーん、となるともう仕方がないのでTOCのCSSを読み込まないように戻していただき、
以下のソースコードをWordPressの管理画面より「外観」→「カスタマイズ」→「追加CSS」まで飛びコピペで貼り付けていただけますでしょうか？

/*PC・タブレット*/
  @media (min-width: 768px){
    #toc_container .toc_title{
      font-size: 2rem;
    }
  }
  /*スマホ*/
  @media (max-width:767px){
    #toc_container .toc_title{
      font-size:1.65rem;
    }
  }

スマホとタブレット・PCで分けておりますのでデバイスによって使い分けていただき
大きさの変更が必要であればここの数字を変えてみてください！

お手数お掛け致しますが、宜しくお願い致します！

華麗なる社畜

TOCを無効にしてしまうと、目次の位置が変わってしまうのでしょうか？
100記事ほど既に書いてしまっているので、目次の位置が変わってしまうのは避けたい状況です。
目次の位置が変わってしまう場合は、今の小さい文字のままで継続しようと思います。

Ryota

@華麗なる社畜さん

こんばんは！
いえ、TOCを無効にするのではなく「TOCのCSSの読み込み」を無効にしてください。

https://jin-theme.com/manual/mokuji/#CSS

上記をご参考にCSSの読み込みを無効にしてください。

またTOCを無効にするわけではないのでもちろん目次の位置も変わりません。
上記ご確認の上、ご対応の程宜しくお願い致します。

華麗なる社畜

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

/PC・タブレット/
@media (min-width: 768px){
#toc_container .toc_title{
font-size: 2rem;
}
}
/スマホ/
@media (max-width:767px){
#toc_container .toc_title{
font-size:1.65rem;
}
}

ryotaさん
懇切丁寧にありがとうございます！

追加CSSに頂いたコードを貼り付けてみましたが、変化はありませんでした(;^ω^)
0_1558068281792_タイトルなし.png

こんな感じでした。
いったん諦めるしかないでしょうか。

Ryota

@華麗なる社畜さん

こんにちは。
文字というのはいただいた写真内の「本記事の内容」という部分ではないのでしょうか？

認識が間違ってたら申し訳ないです。。

華麗なる社畜

あ、いえ、文字というのは「１・２・３」とそれに続く本文です。
小さいまま変わらないです…

Ryota

@華麗なる社畜さん

申し訳ございません。。
完全に認識を間違えていました。。
ですのでいくらやっても文字の大きさは変わらないです。。

今までのCSS等は一旦削除していただいて構いませんので以下CSSを貼り付けていただけますでしょうか？

#toc_container .toc_list > li > a{
	font-size:1.15rem;
}
#toc_container .toc_list > li > ul > li a{
	font-size:1.05rem;
}

お手数ではございますがご確認のほど宜しくお願い致します。

華麗なる社畜

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

#toc_container .toc_list > li > a{
font-size:1.15rem;
}
#toc_container .toc_list > li > ul > li a{
font-size:1.05rem;
}

ryotaさん　ありがとうございます！！バッチリ目次の文字の大きさが大きくなりました！！！

pomm

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

#toc_container .toc_list > li > a{
font-size:1.15rem;
}
#toc_container .toc_list > li > ul > li a{
font-size:1.05rem;
}

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

#toc_container .toc_list > li > a{
font-size:1.15rem;
}
#toc_container .toc_list > li > ul > li a{
font-size:1.05rem;
}

こんにちは。同じように目次が小さかったので追加CSSに上記を貼り付けましたところ、
h4タグには効果がなかったようで文字が小さいままです。
h4タグの文字の大きさにも変化を持たせるにはどうすればよろしいでしょうか。

Ryota

@pomm さん

こんにちは！JIN運営チームのりょうたです。

#toc_container .toc_list > li > ul > li > ul > li a {
font-size: 0.65rem;
}

上記を貼り付けていただけると変化させることができるかと思います。
数字はお好みで変更していただければ幸いです。

pomm

目次の文字サイズを大きくしたいです。（TOC文字設定が機能しない）で@ryotaが発言 :

#toc_container .toc_list > li > ul > li > ul > li a {
font-size: 0.65rem;
}

ryota様ありがとうございます！感謝です(__)