箇条書き(リスト HTML )の表示がおかしい

  • 解決済 hkjunk0

    (@hkjunk0)


    6年、 4ヶ月前

    Lightningテーマを使っており、プラグインにTiny MCE Advancedを使っています。

    ビジュアルエディタ(クラシック)で箇条書きでの表示をさせたいと考え、インデントボタンをクリックしてから箇条書きの設定をするときちんとインデントされた状態で箇条書きが表示されます。

    しかしプレビューや公開後に当該ページを見るとインデントが効いておらず、箇条書きの項目の全てが左側に表示されてしまいます。

    エディタのテキストを見ると、タブできちんとインデントされているのが確認できますが、なぜページでの表示の際にインデントが効かなくなるのでしょうか？

    原因が全く分からず苦慮しています。同様の現象が生じている方はおられますでしょうか？

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ishitaka

    (@ishitaka)

    6年、 4ヶ月前

    こんにちは

    プラグインやカスタマイズしたスタイルが影響しているのかもしれません。

    例えば、

    * {
	padding: 0;
}

    のようなスタイルによってインデントされなくなる場合があります。

    下記スタイルをカスタマイズの追加 CSS などに追記することでインデントされるようになるかもしれません。お試しください。

    ul {
	padding-inline-start: 40px;
}

    または、

    #main .entry-body ul {
	padding-inline-start: 40px;
}
    トピック投稿者 hkjunk0

    (@hkjunk0)

    6年、 4ヶ月前

    こんにちは。
    早速のアドバイスありがとうございます。

    アドバイスの最初の
    ul {
    padding-inline-start: 40px;
    }
    を追加CSSに入れてみたところ、期待通りに箇条書きでもインデントが効くようになりました。

    本当に有難うございました。プラグインをあれこれ試していたので、それが悪さをしたのではと推測します。

    また何かありましたらよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)

トピック「箇条書き(リスト HTML )の表示がおかしい」には新たに返信することはできません。