ブログの話

【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」

 

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

 

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



\声のお仕事1年目の報酬額を有料で公開中/