d-chirashi
フォーラムへの返信
-
投稿者投稿
-
d-chirashi参加者「Simple GA Ranking」というプラグインで不具合を起こしたようです。
解決しました。大変失礼いたしました。
d-chirashi参加者RICK様
度々の回答をいただきありがとうございます。
おかげさまで下記の設定で解決することができました。footer.siteFooter .widget .tagcloud a:hover { color: #ea2e49; opacity:1.0; }
文字が薄くなるのは、opacityも関係していたようです。
上記cssをExUnit>cssカスタマイズに記述すると反映されませんでした。
子テーマの追加cssに記述して反映されました。
VK Plugin Beta Testerを導入しています。
この現象もLightning Skin Varietyの場合だけでしょうか。↑これは質問ではありません。ご報告まで。
d-chirashi参加者RICK様
お世話になっております
ご提示のCSSを貼り付けましたが、状況変化はありませんでした。
ightning Pro + Lightning Skin Variety で発生する不具合なのですね。Varietyの初期設定では
.siteFooter { background-color: #000; }
でしたが、#fffに変更しました。
background-color: #000; に戻して検証したところ、
a:hoverでタグのテキストカラーが#888から少し明るくなる設定になっているようです。
d-chirashi参加者RICK様
お世話になっております。
サイトで検証までしていただき、ありがとうございます。
RICK様にご提示いただいたCSSを貼り付けたところ、
おかげさまで本トピックの不具合は全て解消いたしました。
タグの指定がまだ未熟なので、スライドを読んで学びたいと思います。「タグクラウドウィジットのa:hover」の方は未だ解決できませんでした。
サイトURLをお伝えしますので、よろしくお願いします。補足:トップページはelementorというプラグインで作成しましたが、
タグクラウドウィジットのa:hoverは正常に動作しております。
d-chirashi参加者>フッターエリアの背景色に#12aab1が設定されていませんか?
>また、CSS編集後に諸々のキャッシュを削除しましたか?フッターエリアの背景色は#fffに設定しています。
ブラウザーのキャッシュは都度削除しながら確認しました。その後、色々とトライしたのですが、問題解決には至っていません。
気づいたことは、正確には「a:hoverで文字が消えてしまう」のではなく、
「a:hoverで文字が読めないほど薄くなる」です。
a:hoverでわずかに文字が見えました。
tagcloudエリアのみの現象です。
d-chirashi参加者回答ありがとうございます。
単純な記述ミスでした。
お手数をおかけいたしました。フォーラムで質問するのが初めてでしたので、質問の仕方が行き届かずすみません。
ご指摘の件、承知いたしました。夏休み中で集中してブログの調整をしているので、
また何かありましたら質問させていただきます。
よろしくお願いします
d-chirashi参加者追加の質問ですみません。
↑こちらで紹介されていた方法で追加cssに記述したのですが、
h3にアイコンが表示されません。h3:before, .subSection .subSection-title:before { content :”\f058”; font-weight: 900; font-family: “Font Awesome 5 Free”; margin-right:0.4em; speak: none; line-height: 1; }
これもVK Plugin Beta Testerのバグでしょうか?
d-chirashi参加者早速の回答ありがとうございます。
使用環境の記述を忘れていました。lightning pro child+(Skin)Varietyです。
ExUnitの有効化設定の画面でFontAwesomeを停止
することで無事に解決いたしました。
今後共よろしくお願いします。
- この返信は5年、 3ヶ月前にd-chirashiが編集しました。
-
投稿者投稿