前提・実現したいこと
HTML,CSSともに初心者で、いまいちHTMLとCSSの関係性が分かっていない者です
ただいまwpでホームページを作成中なのですが
topページの画像はウィンドウ横枠いっぱいに表示されるのに対し、固定ページ内の画像は幾分幅が狭い表示に設定なっています。
そこで、固定ページ内の表示もTOPと同じように、元の枠越えて横枠いっぱいに画像を表示させたいのですがやり方がわかりません。
お時間ある時、どなたか教えて頂ければ大変助かります。
【トップ画像】
HTML:カスタマイズからの編集のため不明。
【固定ページ内画像】
HTML:
<a href="http://3jigen-repair.com/wp-content/uploads/2018/05/Raise3Dアップ2-e1526965976454.png"><img class="aligncenter wp-image-420" src="http://3jigen-repair.com/wp-content/uploads/2018/05/Raise3Dアップ2-e1526965976454.png" alt="" width="1491" height="576" /></a>
![
試したこと
自分の考え方が、根本的に間違っているかもしれませんが、
あるイメージに対し、以下のようなCSSをブログで見つけては貼り付けてみましたが、変化がありませんでした。
img {
width: 100%;
height: 400px;
object-fit: cover;
}
.page .article-body {
padding: 0;
}
などなど…
補足情報(FW/ツールのバージョンなど)
WordPress 4.9.6
OS:windows10