wordpressのトップのメイン画像を正常に反映させたい

前提・実現したいこと

wordpress（xeory)でトップのメイン画像を正常に反映させたい。

発生している問題・エラーメッセージ

トップのメイン画像で、同じ画像が横並びで複数出てしまう。

該当のソースコード

body.home #main_visual {
background-image: URL(http://ouchideco.xsrv.jp/wp/wp-content/uploads/2018/03/fudosanshop.png);
height: 500px !important;
background-size: contain;
color: #fff;
text-align: center;}

試したこと

なし

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

「横並びで複数出てしまう」だけなら、background-repeat: no-repeat;を付ければ繰り返し無しになります。
一応background-position: center;もつけておきました。

css
1body.home #main_visual {
2	background-image: url(http://ouchideco.xsrv.jp/wp/wp-content/uploads/2018/03/fudosanshop.png);
3	background-repeat: no-repeat;
4	background-position: center;
5	height: 500px !important;
6	background-size: contain;
7	color: #fff;
8	text-align: center;
9}
10

ちなみにまとめて指定もできます。

css
1body.home #main_visual {
2	background: url(http://ouchideco.xsrv.jp/wp/wp-content/uploads/2018/03/fudosanshop.png) no-repeat center;
3	height: 500px !important;
4	background-size: contain;
5	color: #fff;
6	text-align: center;
7}
8