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カスタマイズ依頼

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

親CSSで二重定義されていて無効な個所...
 
共有:
通知
すべてクリア

[解決済] 親CSSで二重定義されていて無効な個所がある3

6 投稿
2 ユーザー
2 Reactions
1,642 表示
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3154
トピックスターター  

●カルーセル

纏める。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L9335-L9338
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L9390-L9393

●ボタン黒

重複している。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L3635-L3637

以下が不要。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L3715-L3717

●ボタン

filter: opacity(0.7);としており、opacity: 1;不要なのでは?
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L3583

chromeで見た際、無効値となっており。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L3623

●アイコンリスト

重複している。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L7829

以下が不要。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L7824

●FAQ

重複している。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L7885-L7891

以下が不要。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L7897-L7901

●FAQ(アコーディオン)

纏める。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L5342-L5344

https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L5349-L5353

●おすすめカード

中央タイトルの時、hoverでコンテンツopacity:1としている。
もともと1なので、不要では?
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L8462-L8464


transitionの設定ですが、統一した方が、管理が楽だと思います。
hover演出、数ミリの時差、気にならなず。

理由
以下のように、hoverに書かなくてもいいのでは?

https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L8468

https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L8471

以下が優先される為、上記のhoverに書いたと?
かえって複雑にしているように思え。
https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L2415


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

ご指摘ありがとうございます。
該当部分を修正してGitHubにアップさせていただきました。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3154
トピックスターター  

説明が伝わっておらず、以下は削除してはダメです...
transition: all 0.5s;は必要です。
すみませんが、この1文、元に戻して下さい。

https://github.com/xserver-inc/cocoon/blob/b77f8585d1f87e94190c25d3d499c8523289cac2/style.css#L2415


スキンに親CSSを入れ、本来のCSSの読み込みを止め。
直接、親CSSを弄る事なく、スキンにする事で自由に弄れ、テストでき、非常に便利ですね。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

すいません。修正しておきました。
https://github.com/xserver-inc/cocoon/commit/44656f6cf74989db44ff54fd61661b14679d409f#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7a

投稿者:: @chu-ya

スキンに親CSSを入れ、本来のCSSの読み込みを止め。
直接、親CSSを弄る事なく、スキンにする事で自由に弄れ、テストでき、非常に便利ですね。

その発想はなかったです。
仮に失敗してもスキンを外して元に戻せばいいですもんね。


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3154
トピックスターター  

----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.1.7
カテゴリー数:19
タグ数:148
ユーザー数:1
----------------------------------------------
style.cssが修正されている事を確認しました。
本件をクローズとします。


投稿者:: @yhira

仮に失敗してもスキンを外して元に戻せばいいですもんね。

そうなんです。
親CSSをスキン化する事で、調査する際、ソースコードを並び替えたり、安心して弄れ。
工夫次第で、幅が広がり。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

ご確認いただきありがとうございます!


   
共有:

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

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

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

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

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

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

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

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