トピックを立てる前にチェック
- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
通知
すべてクリア
Topic starter
iPhone からページを閲覧した際に、検索アイコンおよびメニューボタンアイコンを表示させています。
それぞれのアイコンの背景色は変更できるのですが、アイコン自体の色変更をどの様に行えばよいのかわかりません。
※ 現在アイコンの色は白で固定されていますが、黒にしたいと考えております。
icon-search
icon-menu-thin
が当該のアイコンになりますでしょうか。
大変恐縮ですが、ご教示いただけますと幸いです。
確認項目
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.5.6.5
利用中のPHPバージョン
8.0.3
OS
iPhone
利用中のWordPressバージョン
5.8.2
利用中のサーバー会社
Xサーバー
ブラウザ
Chrome
利用中のプラグイン一覧
Advanced Editor Tools
Akismet Anti-Spam
BackWPup
bbPress
Contact Form 7
Countdown Timer Ultimate
Customizer Export/Import
EWWW Image Optimizer
Google Analytics for WordPress by MonsterInsights
Head & Footer Code
Hello Dolly
NewStatPress
Pretty Links
Redirection
Regenerate Thumbnails
Rinker
Site Kit by Google
WP Fastest Cache
XML Sitemaps
Yoast Duplicate Post
投稿済 : 19/12/2021 4:51 pm
標準のSWELLの仕様では、スマホ用ヘッダーに配置したメニューボタン、検索ボタンもしくはカスタムボタンに背景色を設定すると文字色が白に変換されます。そして、それはSWELLの機能では変更ができません。
また、アイコンのクラス名自体は正しいですが、CSSに関してはサポート範囲外とはなっております。
もしかしたら誰かが任意で回答付けてくれるかもしれませんが、この部分の内容はSWELL公式ではありませんが私個人の非公式ブログで取り上げてみたいような気はします（時期は保証できません）。
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 19/12/2021 6:14 pm
Topic starter
@96ssbike ご回答ありがとうございます。しらこ様のお話をヒントに背景色を外したところ、意図した通りの表示になりました。私自身もcssの話を想定していたのですが、正直盲点でした・・・。この度は本当にありがとうございました。
投稿済 : 19/12/2021 6:28 pm
背景色を設定しなくても良いのであれば、文字は黒と言いますか、カスタマイザーで設定した文字色になりますね。
今回の場合は背景色を設定して、かつ文字色を変えたいのかと思い、「そのカスタマイズは将来的な私のブログでの記事かな」と書いただけです。笑
また何かあればぜひ投稿してください！
SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも？→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
投稿済 : 19/12/2021 10:07 pm