• 解決済 reiko8

    (@reiko8)


    いつもお世話になっております。
    astraの子テーマを作ってデザインを行っているところなのですが、タイトル周りのCSSがなかなか反映されません。

    header.entry-header h1.entry-title {text-align:center !important}

    これを追加CSSに入れてもうんともすんとも変化無しです。
    ChromeとFirefoxで検証しながら追加しているのですが、通常であれば、後ろの方に横線で反映していない形で追加したCSSが表示されるのですが、どちらのブラウザもその表示は無しです。

    読み解くヒントを教えていただけたら大変助かります。
    宜しくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • こんにちは。

    こちらの環境でAstraテーマを有効化し、そのCSSを記述すると、即反映されることを確認しました。

    以下二点確認してみてください。

    • キャッシュを有効化するようなプラグインはありますか?一度全てのプラグインを無効化してみてください。
    • ブラウザキャッシュを削除してみてください。「ブラウザ スーパーリロード」などで検索すると、各ブラウザでのキャッシュの削除方法が分かるはずです。
    トピック投稿者 reiko8

    (@reiko8)

    ありがとうございます。
    キャッシュは、何度も削除していますし、
    タイトル周り以外は即反映されるので、
    別の問題がありそうです。
    私も別の環境でastraを入れて確認してみます!
    問題の切り分けができて、助かりました。

    解決するまでしばらくこのログは残しますが、
    参考になりそうな原因が見つかったらまた報告させていただきます。

    トピック投稿者 reiko8

    (@reiko8)

    すみません、一夜明けてじっくりCSSを見直したら、余計なCSSがあって、上記の反映を阻害していたことがわかりました。基本的なことが抜け落ちておりました。
    夜分遅くというのに迅速にテーマを入れていただき、CSSを追加して確認していただき、ご回答をいただくというお手数をおかけしてしまいまして、申し訳ありません。
    今後の指針にしたいと思います。
    大変ありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。