現在デフォルトスキンとして「 Fuwari -海松茶(みるちゃ)-」を適用中。

フッターモバイルボタンとメニューの文字色・背景色の変更ができない | カスタマイズ相談 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラムの内容は、CCライセンス(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
フッターモバイルボタンとメニューの文字...
 
Share:

フッターモバイルボタンとメニューの文字色・背景色の変更ができない  

  RSS

usakosan
(@usakosan)
Active Member
参加: 3週間 前
投稿: 10
2019年6月30日 13:33  

フッターモバイルボタンの文字を変更する方法を教えてください。

はじめまして 

現在Seasonのスキンを使用して作成しています

フッターモバイルボタンを表示させたところ、文字がグレー色に表示されるため見えにくい状態になっています。
プラグインを全て停止・カスタマイズしたCSSもすべて消しましたが
グレー文字です。これは仕様でしょうか?

尚、現在作成中で、公開していないためURLがありません
スキンSeason (Winter) とCOLORS(グリーン)を試した際の画像をアップします。画像はカスタマイズのスマホ画面です。

-----------------------
ネット情報を参考に下記内容をCSSに書き込みましたが変化なし

#navi-footer li {
color:#0081cc;
}
-----------------------

要望

モバイル表示した際の
「フッターモバイルボタンの文字色・背景色の変更」
「フッター→メニュー→文字色・背景色の変更」
の際のCSSの書き方を教えてください。

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


引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5862
2019年6月30日 14:30  

偶然なんですが、僕も数時間前に同様の不具合に気づいて、最新版(1.8.7)で修正しました。
https://wp-cocoon.com/1-8-7/
以下からダウンロードできます。
https://wp-cocoon.com/downloads/
しばらく様子を見てて1.8.7に問題がないようであれば、自動アップデートも有効にします。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 5862
2019年6月30日 14:32  

要望

モバイル表示した際の
「フッターモバイルボタンの文字色・背景色の変更」
「フッター→メニュー→文字色・背景色の変更」
の際のCSSの書き方を教えてください。

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

これはカスタマイズの仕方であれば、よろしければ「フッターモバイルボタン・メニューの背景色・文字色を変更したい」等のタイトルをつけて、新しくトピックを立てていただいてよろしいでしょうか。
内容も上記のコピペで良いです。


返信引用
usakosan
(@usakosan)
Active Member
参加: 3週間 前
投稿: 10
2019年6月30日 15:10  

早々のご対応ありがとうございます。

●カスタマイズに関しては、新規トピックスアップしましたのでお手数ですがよろしくお願いします。

●下記サイトを参考に、masterフォルダを解答しFTPでアップデートしたところ問題が改善されました。

https://wp-cocoon.com/ftp-update/#toc5

再度1点質問させてください。

下記サイトからダウンロードして「cocoon-master」だけをアップデートしたのですが「cocoon-child-master」もアップデートしたほうがいいのでしょうか?

https://wp-cocoon.com/downloads/

よろしくお願いします。

 


返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 3013
2019年6月30日 15:16  

ネット情報を参考に下記内容をCSSに書き込みましたが変化なし

#navi-footer li {
color:#0081cc;
}

変化がないのは、CSSの優先順位がひくい。ってよりも、セレクタの指定方法の間違いからじゃないですかね。

※※

https://wp-cocoon.com/wp-content/uploads/wpforo/default_attachments/1561869215-5edec1a7918583b9684c44b54d9cbb34.jpg

指定されている場所(セレクタ)がモバイルスライドインの話ってことであれば間違ってます。

※※

どこをどう見て間違ってるのか。私的には分からない感じってか、スキン作成者さんは、間違ってない気がしてまして^^;

***

以下のようなCSSを追加すればOKなだけなような気もします 😮 🤔 🤗

#menu-mobile-footer .menu-caption {
	color:#0081cc;
}

スライドインの話?ですよね???

であればスキン作成者さんは何も間違ってないってか不具合ではなく、ユーザーさんの優先順位が低いだけかも。

こんがらがってますが^^;


わいひら 件のいいね!
返信引用
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 3013
2019年6月30日 15:19  

再度1点質問させてください。

下記サイトからダウンロードして「cocoon-master」だけをアップデートしたのですが「cocoon-child-master」もアップデートしたほうがいいのでしょうか?

https://wp-cocoon.com/downloads/

それをすれば、子テーマスタマイズしたのものが、初期化されてしまいますよ。


わいひら 件のいいね!
返信引用
usakosan
(@usakosan)
Active Member
参加: 3週間 前
投稿: 10
2019年6月30日 17:19  

かうたっく様

アドバイス有難うございます。

子テーマは上書きすると危険ですね。

勉強不足でした。有難うございます。


返信引用
usakosan
(@usakosan)
Active Member
参加: 3週間 前
投稿: 10
2019年6月30日 17:25  

かうたっく様 

アドバイス有難うございます。

「以下のようなCSSを追加すればOKなだけなような気もします 」

との返信ありがとうございます。追記しましたが何も変化ありませんでした。

モバイル時の画面下のホームやトップのアイコンの下の文字の事です。

もちろんメニューを押したときに左からスライドしてくる画面も含めて変更したいです。

わいひら様にいただいたアドバイスで、新しく下記タイトルでトピックスを新規投稿しました。引き続きよろしくお願いいたします。

フッターモバイルボタン・メニューの背景色・文字色を変更したい

 


わいひら 件のいいね!
返信引用

返信する


許可された最大ファイルサイズ 3MB

 
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:11ヶ月

「12ヶ月」「24ヶ月」「36ヶ月」契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:2年11ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:15年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:9ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

タイトルとURLをコピーしました