MENU

elplanoカスタマイズ!サムネイルのバックグラウンド(背景)をCSSで変更

elplanoカスタマイズelplanoサムネイルは記事投稿時に指定していないと記事本文中の画像が適用されるような設定がありますが「4:3」の画像比率以外だとバックグラウンドカラーが見えてしまい(グレーポイやつ!)あまりよろしくないのでCSSで画像を背景と同じ色にして違和感を無くしてみる。

目次

elplanoカスタマイズ!

elplanoカスタマイズ!と言う程のものでもありませんが(10月24日現在)当サイトで使用しているテーマのサムネイル画像が「4:3」以外になっているとサイズが合わず背景のグレーぽい色がみえてあまりおされな感じじゃないのでCSSでちょっと変更してみました。

サムネイルのバックグラウンド(背景)CSS変更

elplanoサムネイル背景

同じテーマ使用の方は【elplano】管理画面からDigipress>ビジュアル設定>オリジナルスタイルシートに下記のCSSをコピペすればうまくいくはずです(多分)

[css]/* サムネイル背景ここから*/
.post_thumb,
.post_thumb_portfolio,
.widget-post-thumb {
background-color: transparent;
}
/* サムネイル背景ここまで*/
[/css]

elplano修正後

elplanoカスタマイズcss

ようするに背景を「transparent」で上書きして透明にしていたと言うことになります。
サイドバーなどのサムネイルも一緒に変えておけば変なグレーの背景は消えます。。

画像のサイズそのものをCSSで変える方法もありますがこっちの方が良いんじゃないだろうか?

お試し有れ!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次