サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2024年4月3日 13:51
●確認事項
同じ「見出しボックス」でもnot-nested-styleが有るものと、無いもの(2023年9月頃はない？)がある。
例として以下のCSSが出力されており、子テーマCSSが負けてしまう。
どんな時に、not-nested-styleが付きますか？
仕様を伺いたく。
.cocoon-block-caption-box.not-nested-style>.box-label {
background-color: var(--cocoon-custom-border-color);
}
Topic starter
2024年4月3日 15:02
●補足
図示のように、「見出しボックス」の設定をしていないのに、上記CSSが追加される。
この為、CSSで.box-labelに色を指定していても、負けて反映されなくなり。
何も設定していない時、上記、CSSは出力されないのが、正しいのでは？？
例えば、アコーディオン(トグル)は何も設定が無い時、.not-nested-styleが付いたCSSが追加されず。
バグなのでは？？
2024年4月3日 19:02
この修正が影響しています。
https://github.com/xserver-inc/cocoon/issues/157
それで修正以前と修正後で
既存ブロック：クラスがつかない
修正後ブロック：not-nested-styleクラスがつく
という仕様になっています。
Topic starter
2024年4月3日 19:08
見出しボックスを、アコーディオン（トグル）と同じデザインにしており。
border-color:#ccc、見出しのbackground-color:#eeeとしている。
この時、ラベルの背景カラーを、枠と合わせる為、--cocoon-custom-border-colorとしている為、ラベルの背景カラーを別の色に変更できず。
スキンのデザインを見直し、ラベル・枠を同じ色にするか少し検討してみます。
- アコーディオン(トグル)
- FAQ
- 見出しボックス
Topic starter
2024年4月3日 19:33
検討しましたが、初期表示の時、FAQラベルの背景色を意図した変更できません。
以下が優先され、#e8ecef固定となってしまう。
わいひら reacted
Topic starter
2024年4月3日 21:26
仕様の件、ありがとうございます。
本件、個別でテンプレートを変更し、FAQラベル背景色を削除し対応するようにしました。
この為、本件をクローズとします。
わいひら reacted
2024年4月3日 23:18
お手数をおかげしてしまい恐れ入ります。
CSSの詳細度が変わる仕様変更になってしまい申し訳ありません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。