カスタムHTMLでCSSを使うには。

[santoyon参加者]

——————————————
WordPress のバージョン：4.9.8
Welcart のバージョン：1.0.4
PHP のバージョン：7.1
Welcart専用の拡張プラグイン：無し
ご利用のテーマ：Welcart Carina
症状を確認したブラウザ：safari
サーバー：ヘテムル
SSLの利用：常時SSL
——————————————–

初めて質問させていただきます。

現在サイトを作成中なのですが、
ウィジェットのカテゴリー一覧ではなく、
カスタムHTMLを使ったカテゴリー一覧を作成したいと考えております。

カスタムHTMLの部分にはulやliを使ったソースを入れ、
CSSを使って装飾したいのですが、一切反応しません。
※CSSはstyle.cssに追加しました。

そこで質問なのですが…

１、カスタムHTMLにCSSを使うことは可能なのでしょうか？
２、可能な場合はどこにCSSを追加すれば良いのでしょうか？

お手数ですが、教えていただければ幸いです。
どうぞよろしくお願いいたします。

[yasumaxキーマスター]

こんにちは。

１、カスタムHTMLにCSSを使うことは可能なのでしょうか？

可能です。

２、可能な場合はどこにCSSを追加すれば良いのでしょうか？

style.cssで問題ありません。
追記されたものより優先度の高いスタイルが適用されているのではないでしょうか。
Google ChromeやFirefoxなどのブラウザに付属している要素検証ツールを利用して、該当箇所にどんなスタイルが効いているのか、どんなセレクタにスタイルを効かせているのかをご確認ください。

[uishi参加者]

個人的な経験的上とお断りしておきます。
ロリポ・ヘテムルにはWAFというセキュリティ系のサービスがあるので、CSS等更新する場合、一時的にWAFオフにしないと表示が変わらないことがあります。ただ実際にWAFがオフになるまで5分とか少し時間がかかる。更新が確認できればWAFはオンにしておいた方がいいと思います。

[santoyon参加者]

〉yasumaxさん

返信ありがとうございます。

CSSを使えるということで安心しました！
今一度、該当箇所のソースを見ながら確認してみたいと思います。

〉uishiさん

返信ありがとうございます。

試してみましたが、
今回は残念ながらWAFではないようでした。

ただ、ヘテムルを使っていながらWAFのことを知らなかったので、
今回教えていただいて大変勉強になりました。

[yasumaxキーマスター]

こんにちは。

1点気になったのですが、CSS変更された時ブラウザキャッシュは削除されますか？
ブラウザのキャッシュが残っている場合、変更内容が反映されないことがあります。

[santoyon参加者]

yasumaxさん

何度もありがとうございます。

キャッシュを削除して確認してみましたが、
やはり表示は変わらないようです。

CSSのほうで頑張ってみます。

[投稿者]

投稿