Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

モバイル版メニュー、副次項目の背景色変...
 
共有:
通知
すべてクリア

[解決済] モバイル版メニュー、副次項目の背景色変更について

7 投稿
3 ユーザー
10 Reactions
904 表示
(@niboshi_888)
Trusted Member Registered
結合: 3年前
投稿: 34
トピックスターター  

お世話になっております。

HP作成の初心者で、質問内容に分かりづらい点があるかと思いますが、宜しくお願い致します。

 

タイトルにもある通り、モバイル版の副次項目の背景色を変更したいと考えております。

背景色は周りと同じく、rgba(230,0,0,0.5)で文字色は白色にしたいです。

現状、副次項目の欄が白くなっています。

マウスオーバーするとインデントが入っていて、先頭が白いままなので、こちらも解決方法を教えて頂きたいです。

 

やりたい事:モバイル版メニューの背景色すべてrgba(230,0,0,0.5)に設定し、で文字色は白色にしたい

 

初心者質問で申し訳ありませんが、宜しくお願い致します。

※添付した画像は調べながら打ち込んだcssになります。


   
(@niboshi_888)
Trusted Member Registered
結合: 3年前
投稿: 34
トピックスターター  

そしてこちらがモバイル画面を確認したものです。

黒く塗りつぶしているのは会社ロゴになります。

分かりづらくて申し訳ありませんが、宜しくお願い致します。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、niboshi_888さん

お差し支えなければURLをご提示いただければと思います。

 

初めての方は必ずお読みください

https://wp-cocoon.com/read-me-for-using-fourm/

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/

高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

実際のサイトを見てみないと、答えにくいから、どなたからも返信が来ないのだと推測します。

 

URLをご提示になりたくない場合は、以下のリンクに掲載されているどなたかにお見積りをとってみるのも有りかと思います。

 

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

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

 

あと、カスタマイズをする際は子テーマで行うことをお勧めします。もし、子テーマの導入がまだでしたら、導入されることをオススメします。

 

この投稿は3年前 2回ずつリフィトリーに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

CSSは、画像ではなく、テキストで貼っていただくと助かります。

コピペが出来ませんから、試すためにはすべて手打ちする必要があります。
手打ちは不正確で間違いが起きがちですので。(案の定間違えました。)

 

ご提示いただいたCSSを私のローカル環境にそのまま適用してみました。

 
 
文字色が赤系(#e60000)のようでしたので、とりあえず白(#fff)にしてみると以下のような感じでした。
 
 
モバイルでマウスオーバーって…どういうことかしらと思いましたが、とりあえずタップした状態(実際にはクリックですけど)にすると、以下のような感じでした。
 
ご提示いただいたCSSでは、マウスオーバー時も赤系の色をご指定のように思います。
それだけでは、niboshi_888さんが添付くださった画像のような状態にはならないように思います。
 
ということは、ご提示いただいたCSS以外の何かが影響もしているのではないかと思われます。
(テーマの設定の影響もあるでしょうし。)
 
リフィトリーさんの仰るように、実際のサイトを拝見しないと、何とも言えないように思います。
 
実際のサイトのご提示が難しいようでしたら、テストサイトなど作成いただいて、ご提示いただくのが良いのではないかと思います。
 
それが難しいようでしたら、リフィトリーさんの仰るように、どなたかにご依頼していただくのが確実かと思います。

リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

niboshi_888さん

親テーマ・子テーマについては以下のリンクが参考になるかと思います。

 

[解決済] 親テーマと子テーマについてです。

https://wp-cocoon.com/community/postid/34811/

Cocoonテーマをインストールする方法

https://wp-cocoon.com/theme-install/


   
わいひら reacted
(@niboshi_888)
Trusted Member Registered
結合: 3年前
投稿: 34
トピックスターター  

@mk2_mk2 ご回答ありがとうございました。

・cssは画像ではなくテキストが妥当

この件に関しましてはお手数をお掛けして申し訳ありません。

私の配慮の足らなさが故にお手を煩わせてしまいました。

また質問させて頂くような事があればそのようにさせていただきます。

 

・モバイル版なのにマウスオーバーという表現…

HP作成はパソコンで行っているため、マウスオーバーという表現をしました。

訂正致します、大変失礼致しました。

 

一晩色々書き込んで見た結果、作成することが出来ました。

お手数おかけして申し訳ありません、ありがとうございました。


   
(@niboshi_888)
Trusted Member Registered
結合: 3年前
投稿: 34
トピックスターター  

@leafytree ご回答有難うございました。

子テーマはダウンロード済でしたが、有効化が出来ておりませんでした。

大変失礼致しました。

私が質問させて頂いた内容ですが、色々書き込んでみたところ解決することが出来ました。

 

今回はデモとして作成させて頂いたので、本番の作成をさせて頂く際は気をつけます。

お手数おかけして本当に申し訳ございません、有難うございました。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

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

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

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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