賢威画像付きウイジェットの文字がはみ出る修正

この修正では両サイドバーの余白(padding)を減らし、
見やすくなる利点もあります。

 

子テーマフォルダの中のbase.cssを開いてください。

管理画面 → 外観 → テーマ編集 → base.css

 

開くと上のほうに、

.sub-conts2 .section-wrap .section-in{
padding: 20px  30px 20px;
margin-bottom:30px;
border:1px solid #dddddd;
background:#f9f9f9;
}

というのがありますので、これを全て削除してください。

その後、以下のソースを貼り付けてください。

 

.sub-conts .section-wrap .section-in{
padding: 20px  20px 20px;
margin-bottom:30px;
border:1px solid #dddddd;
background:#f9f9f9;
}

.sub-conts2 .section-wrap .section-in{
padding: 20px  20px 20px;
margin-bottom:30px;
border:1px solid #dddddd;
background:#f9f9f9;
}

 

青部分は追加ソースです。
赤の部分は修正ソースです。

 

padding: 20px  20px 20px; は、

余白: 上部  左右 下部; という意味です。
左右の余白を減らすことで見やすくなり、

更に画像ウィジェットのずれを修正します。

 

上記例は、コーポレート版の場合です。

他のタイプの場合は若干違いますが、
基本的に左右の余白を減らすことで最適化できます。