「Table of Contents Plus」の、目次の数字と点(・)が重なる不具合を解決したい。

広告

皆さんはブログ(Word Press)の目次はどうしていますか?

僕が使っているテーマ「The Thor」には、標準で目次を作る機能が実装されているのですが、

使い勝手というか、デザインというか……

もうちょっと使い勝手がいいようにしたいんですよね。

広告

「Table of Contents Plus」をインストールしたけど不具合が……

そんなわけで、有名な目次作成プラグイン「Table of Contents Plus(以下:TOC+)」をインストールをしたのですが……

TOCP 1

こんな感じで目次の階層番号と点(・)が重なってしまい、見にくい!きたない!!美しくない!!!

階層表示をやめる気はないし、数字を消すつもりのないので、この赤い点を消す方法をご紹介。

CSSに1行書き加えて不具合解決

使用しているテーマによって、CSSを書き加える場所は違うので割愛しますが……

僕はこのCSSを書き加えただけで解決しました。

/*——————————————————
↓目次に丸印がつく不具合修正 Easy Table of Contents
——————————————————-*/
#toc_container li:before {content:none;}

これを入力→保存→記事の更新
をすると

TOCP 2

無事に赤丸が無くなりました!!

ただ、使用しているテーマやプラグインによっては、解決できない可能性もありますので色々と試してみてください。

NO IMAGE
モグッテみる?