Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ヘッダー(SP)のメニューボタンの文字...
 
通知
すべてクリア

[解決済] ヘッダー(SP)のメニューボタンの文字色を黒に戻す方法がわかりません

5 投稿
2 ユーザー
1 Likes
934 表示
sento
(@sento)
投稿: 23
メンバー
Topic starter
 

こんにちは

【相談内容】(SP=スマホ表示の時の)ヘッダーのメニューボタンの文字色がいつのまにか白になってしまいました。黒に戻したいのに方法がわかりません。どなたか分かる方いますでしょうか?

初心者・素人です。やりとりの中で至らない点があるかもしれませんが、どうぞよろしくお願い致します。

該当箇所(スマホ表示時のヘッダー部分)

 

外観→カスタマイズ画面(ヘッダー)
確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.6.6.1
利用中のPHPバージョン
7.4.30
OS
Windows
利用中のWordPressバージョン
6.0.1
ブラウザ
chrome
利用中のプラグイン一覧

swell公式で推奨されているプラグインを一通り利用しています。

 
投稿済 : 28/07/2022 6:34 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

SWELLの仕様として、ヘッダー(SP)のメニューボタンの背景色を変更すると、色が #FFFFFF に自動的に変更される仕様となっています(つまり、変更不可です)。

この場合、カスタマイズするには、追加CSSですが、

.c-iconBtn.-menuBtn {
color: #333;
}

などで元通りに変更できるかなと思います。
( #333 の部分を好きな色に変更してください)

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 28/07/2022 7:57 pm
skillsharejp reacted
sento
(@sento)
投稿: 23
メンバー
Topic starter
 

@96ssbike さん

あ、つまり、ヘッダー(SP)のメニューボタンの背景色を最初の状態(=背景色なし)にすればいいのですね。やってみましたら元に戻りました(背景色:白、文字色:黒)!

助かりました。ありがとうございます。

色を変えたくなったら追加CSSにも挑戦してみようと思います。

またよろしくお願い致します。

 
投稿済 : 28/07/2022 8:57 pm
しらこ
(@96ssbike)
投稿: 834
メンバー
 

@sento さん

すみません、メニューの背景色を変える前提かな?と思い込んでいたので、そのように回答しましたが、つまりそういうことになります。

また、解決しましたら、本フォーラムを「解決済み」に変えておいてください。

SWELLカスタマイズ向けの非公式サイトを作りました。何か見つかるかも?→ https://tecchan.jp/swell-tips/
上記以外のWordPress全般向けのナレッジはこちら→ https://tecchan.jp/
疲れたら癒やされてくださいにゃーん (ΦωΦ)

 
投稿済 : 28/07/2022 9:10 pm
sento
(@sento)
投稿: 23
メンバー
Topic starter
 

@96ssbike さん

いえいえ、結果的に気づけましたし、とても助かりました。

「解決済み」ですね、やっておきます。

 
投稿済 : 29/07/2022 12:55 pm
共有: