サイドバーのウィジェットの余白 - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/ Cocoon ディスカッション掲示板 ja Thu, 23 Apr 2026 02:51:38 +0000 wpForo 60 RE: サイドバーのウィジェットの余白 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25170 Sun, 01 Dec 2019 21:16:16 +0000 ご回答ありがとうございました。高速化の無効の設定がわからず書き込みしましたが対応をしていただきましたお二方には感謝申し上げます。また分からないところがありましたら教えていただけますと幸いです。よろしくお願いいたします。

]]> Cocoonテーマに関する質問 JNL2019 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25170 RE: サイドバーのウィジェットの余白 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25154 Sun, 01 Dec 2019 10:55:04 +0000 .sidebar .widget h3 { margin: 0 30px; }

これはだれが書いたstyleでしょうか？？

Cocoon設定・高速化のCSSの圧縮を停止していただけたらコチラで確認できました。

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

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

この部分です。

 

 

イロイロすっ飛ばして、今あるstyleからさらに上書きしてCSSを追記すればいい。事であれば、以下styleを適応してご確認ください。

.sidebar .widget h3 {
	margin: 20px 30px;
}

margin: 20px 30px;

赤色にした部分を2em　にすれば現状のCocoonサイトの該当部分の余白になるかと思います。

 

ただ優先順位があるので書いて反映されなければ、子テーマCSSの一番下にでも追記すれば優先順位的に問題ないのでご確認後、結果を教えてください。

 

現状

どっかのstyleをご自身で変更した可能性がある。かも知れない前提のstyle。

https://gyazo.com/6b825a0c4567523120090e9a8584b84c

 

styleの上書きが成功した場合の装飾：上記CSSの結果

https://gyazo.com/f636d51f9003f429236239fec3b4c93e

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25154 RE: サイドバーのウィジェットの余白 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25153 Sun, 01 Dec 2019 10:54:05 +0000 単に「サイドバーのウィジェットの余白」と言っても余白にはいろいろあります。

どの部分の余白のことか、どの部分をどのようにしたいかをできるだけ詳細に書いていただければと思います。
加えて、スクリーンショットツールなどで該当部分を撮影して注釈等あれば助かります。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25153 サイドバーのウィジェットの余白 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25141 Sun, 01 Dec 2019 02:24:01 +0000 コクーンを利用させていただき感謝しております。

初歩的な質問になると思いますがさせていただきたく書き込みしました

内容ですがサイドバーのウィジェットの項目の余白の設定をどのようにしたら
よろしいかということです。

イメージとしてはこのコクーンのページのサイドバーのようにできればと思っています。
アドバイスを頂けると幸いです。よろしくお願いいたします。

----------------------------------------------
サイト名：『旅行力』向上委員会
サイトURL：https://firstclassjourney.net
ホームURL：https://firstclassjourney.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-ganchan12/style.css
WordPressバージョン：5.3
PHPバージョン：7.2.17
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.0.1
カテゴリ数：8
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.6
----------------------------------------------

]]> Cocoonテーマに関する質問 JNL2019 https://wp-cocoon.com/community/cocoon-theme/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88%e3%81%ae%e4%bd%99%e7%99%bd/#post-25141