記事内に商品プロモーションを含む場合があります

スマホ画面で画像を中央に表示する方法 [Blogger / Vaster 2]

Blogger用テンプレート「Vaster2」のカスタマイズ記事です。

この記事はスマホなどの小さな画面で見たときに、画像を真ん中に表示させる方法を解説しています。

スポンサーリンク

修正前後の見本

修正前

画像が右に寄っています。
画像の左部分には白い枠があるのに、右部分はスクロールバーにぴったりくっついています。

下の文字はきれいに中央に寄せられているので、比較するとわかりやすいです。

修正後

画像が中央に表示されました。
左と右の白い枠が同じ幅になっています。

修正方法

Vaster2のテンプレートから、以下の部分を探します。

/*   レスポンシブデザイン
————————————————— */         
@media screen and (max-width: 768px){

その下に以下を書き加えればOK。

.separator a{
 margin-left: 0em!important;
 margin-right: 0em!important;
}

関連記事:初心者でもわかるVaster2のカスタマイズ方法の記事リスト

Vaster2カスタマイズ
シェアする
Akariをフォローする
スポンサーリンク
あかりlog

コメント