ワードプレスのテーマ スティンガーで楽天アフィリ画像を簡単に真ん中に表示する方法

SPONSORED LINK

いつまでたったもブログ初心者の域を出ないhirotanですが・・・先日の、ワードプレスのカスタマイズができない事件に引き続き、楽天アフィリエイトの画像が、どうしても左に寄ってしまう件が、ようやく解決できたので解決方法を忘れないために記します。

ワードプレスのテーマ スティンガーで楽天アフィリ

ワードプレスでスティンガーのテーマを利用してブログを作成しているのですが、楽天アフィリエイトのリンクを張りつけると、なぜか画像が左に寄ってしまう・・・

「CENTER」を使ってみても、左に寄ったままで、なにをどうやってもダメだったんですね・・・。
直す知識もなく、調べてみてもよくわからなくて困っていたところ、簡単に直せますよとアドバイスをいただきました。

その方法というのが、ワードプレスの「外観」から「CSS編集」に追記すればいいというものだったのですが・・・

ワードプレスがカスタマイズできなかった事件はこちら↓

SPONSORED LINK

簡単に画像をセンター位置にする方法

方法はとっても簡単でした(^^♪

回りの余分な枠を消すことと、中央寄せにするために下記のコードを「外観」→「CSS編集」で追記します。

/* —————————- */
table {
width: 333px!important;
margin: 0px auto!important;
}table, td {
border: none!important;
}
/* —————————- */

こうなります。

これでけで画像は真ん中に表示されるようになり、見た目もスッキリしました!

さいごに

自分の周りに、こういった知識がある方がいてアドバイスをもらえるってありがたいですね!

【関連】