サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年7月9日 20:17
いつもお世話になっております。
自分はトップページや記事内のサイドバーにカレンダーを設置しています。 https://avilery.com/
https://avilery.com/digimon-adventure-hatunemiku/
それらの曜日や日付の背景がサイドバーの背景の色を同化していまして、見にくいので色を変えたいと考えています。
以前（といっても３か月ほど放置してしまったので記憶が曖昧ですが…）に、いろいとと自分でcssを変更したときは、カレンダーだけでなく、テーブルの表までも色が変わってしまいました。
カレンダーだけの色を変更するにはどういったcssを追加すればよいでしょうか？
よろしくお願いします。
2019年7月9日 20:26
具体的にどのように変更するのでしょうか？
カレンダーはテーブル全体の背景色をすべて白色にするとかでよろしいのでしょうか。
Topic starter
2019年7月9日 20:34
素早いご返事ありがとうございます。
わいひらさんの言う通りです。
また実際に試してみて、曜日部分だけ、日付部分だけ、白ではなく他の色に、など微調整してみたいと考えています。
2019年7月9日 21:39
#wp-calendar,
#wp-calendar th,
#wp-calendar caption {
background: #fff;
}
調整用CSS
/*数字*/
#wp-calendar {
background: #fff;
}
/*曜日*/
#wp-calendar th {
background: #fff;
}
/*キャプション*/
#wp-calendar caption {
background: #fff;
}
わいひら reacted
2019年7月9日 21:43
日付部分（テーブル全体）の色の変更はこんな感じ。
#wp-calendar {
background-color: #fff;
}
曜日部分の色の変更はこんな感じです。
#wp-calendar th {
background-color: #c1e4e9;
}
2019年7月9日 21:44
投稿がかぶった ?
Topic starter
2019年7月10日 23:34
かうたっくさん、わいひらさん、すぐに対応してくださりありがとうございます。
caption部分には枠線がなかったため、かうたっくさんに教えていただいたものをヒントに、
#wp-calendar caption {
background: #fff;
border-top:solid thin #d9d9d9;
border-left:solid thin #d9d9d9;
border-right:solid thin #d9d9d9;
}
とすることによって納得できる見た目にすることができました。（borderのみで囲んだ枠をつくると下の線が被ってしまって不自然になるためこうしました。もっと賢いやり方があるかもしれませんが…）
まだ他に、基礎的なcss部分で申し訳ないのですがお聞きしたいことがあるので別トピックをたてさせていただきます。
よろしくお願いします。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。