【JIN】サイドバーの追尾ウィジェットがずれるのを修正【追加CSS】

会社員＆二児の母しながら、自宅で声のお仕事をするパラレルワーカー・こまきです。

このブログができるまで｜WordPressテーマ「JIN」使ってますブログ初心者がサーバーレンタル・ドメイン取得・有料テーマ（JIN）を購入して、はじめてのブログを立ち上げるまでの軌跡…です。...

何もしなくてもスタイリッシュなブログが作れるワードプレス有料テーマ「JIN」ですが、サイドバー追尾ウィジェットを設定した際に行き過ぎる＆前のウィジェットが見切れる問題を解消したく、この部分を修正するカスタマイズを行なっています。

修正前

修正後

他のJINを使ってるであろうブログさんにお邪魔しても、結構な確率でずれてるので、見ている環境・使っているウィジェットによるかもしれませんが、以下の追加CSSを書くことで私は問題が解消しました。

追加CSSはこちら

↓こちらを「カスタマイズ」画面の「追加CSS」に書き足します。

/*---サイドバーのウィジェットの余白---*/
#sidebar .widget{
/*外側*/
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 30px;
/*内側*/
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

参考になれば幸いです！

参考サイト

いろんなカスタマイズ例が載っています！見てるだけで楽しい。
＞＞くまさんのブログ「FOR JIN」

for JIN｜ワードプレステーマ「JIN」をカスタマイズ

for JIN

JINの購入・ダウンロードはこちら！
＞＞JIN公式サイト

JIN（ジン）｜真の使いやすさを追求したWordPressテーマ

JIN（ジン）

私が使ってるドメイン・サーバーはこちら！