-
投稿者投稿
-
2019年9月20日 3:48 PM #28503
あ!わかりました!
'<div class="wpco__title">$1</div>"',
を
'<div class="wpco__title">$1</div>',
にしてみてください!
♥ 0Who liked: No user2019年9月20日 3:53 PM #28504できました!
ありがとうございます\(^o^)/
♥ 0Who liked: No user2019年9月20日 3:54 PM #28505これは h3 から生成された目次について、ということであっていますでしょうか? h2 から生成された目次についてはほぼ問題なさそうかなと…。
こちらもご確認お願いします。
♥ 0Who liked: No user2019年9月20日 4:05 PM #28506そうでした、すみません。
自分の手持ちのiPhone8だとどうしても表示がずれているようで…
PCだとh3がテキスト位置が「●」より少し上、スマホだとh2,h3ともにテキスト位置が「●」より下になっています。
PC、スマホや端末によって違ってくるんですかね…?
slackの方でスクショお送りしてもよろしいですか?
♥ 0Who liked: No user2019年9月22日 11:30 AM #28653環境によってフォントが変わることがあるので、可能性はありますね。そういう意味では iPhone8 でぴったりにしたからといって、他の環境でずれる可能性はあります。
ひとまず、ちょっとずらすサンプルです。適宜数値を調整してみてください。
.wpco .contents-outline ol a:before { margin-top: calc(1em - 1px); } .wpco .contents-outline ol ol a:before { margin-top: calc(1em - 3px); }
♥ 0Who liked: No user2019年9月22日 12:29 PM #28678まだズレるようなので…
数値調整してみます。ありがとうございます!
♥ 0Who liked: No user -
投稿者投稿
- トピック「目次のデザイン(数字)を変更したい」には新しい返信をつけることはできません。