えとくしゅふ

引きこもり主婦のあれこれと商品レビューなど

【UnderShirt 目次カスタマイズ】タイトル名を変える

f:id:monmonb:20190308134707j:plain

 はてなブログUnderShirtを設定し、THE LITTLE ESCAPE様の目次サンプルをお借りしたカスタマイズです。 

 

参考記事

 

CSS全体について

kimix.hatenablog.com

 こちらの記事から目次サンプル6を使わせていただいています。

 

 

 

 CSSが1部反映されなかったので修正した備忘録です。

 

 目次タイトル変更

 CSSでは[ も く じ ]と表示するように設定してあるのに反映されていません。

 

↓CSS

f:id:monmonb:20190308131909j:plain

 

 

↓実際の表示

f:id:monmonb:20190308131340j:plain

!importantで優先させる

 

 いろんなところに!importantあるのにタイトルのところだけないなと思って付けてみたら変更できました。

 

 他のコードよりこれを優先して!って感じの指示らしいです。ただ、あんまり使いすぎると後々デザインを変更するときにめんどくさいとかなんとか...。

 

↓修正後CSS

f:id:monmonb:20190308131849j:plain

 

 

 今まで他のテーマを使っていたときはCSS全部コピペ一発で綺麗に決まってたのに、今回のテーマはちょっと手こずりました。

 

 おかげで少しだけ勉強になりました。

 

 CSSとかテーマとか自分の頭で考えて生み出せる人ってかっこいいなぁ...。

 

 

アイコンの微調整について

 

etc-syuhu.hateblo.jp