スキのコメント返信

>横幅いっぱいに画像を貼る方法についてご質問いただいたユーザー様2019013112:52

ご質問ありがとうございます!

こちらですが、下記のCSSとHTMLをご利用くださいませ。

なお、スマホとPCでは画面幅が異なることから、
PC版については画面いっぱいにしてしまうと画面が画像で埋め尽くされてしまう心配があるため、
PC版デザインで調整されている横幅指定は越えない形で調整しています。

フリーページ内記入時のルール
今回のCSS設定により、画像以外のテキスト左右の余白もなくなりますので、
今と同じ余白の中に入れたいテキストは下記のタグで囲んでください。

<div class="main2">テキスト
テキスト
テキスト</div>

CSS

.freepage {
margin: 0-8px;
}

.main2 {
margin: 0 8px;
}

CSSはマイテーマのCSS設定フォームでご設定いただくのが、最も分かりやすい方法です。

もしくは、「<style>~<style>」で囲むことにより、タグの入力が可能なスペースへの直接記載も可能ですので、
フリーページの本文に直接記載して該当ページだけに指定することも出来ます。

また何かございましたら、お気軽にお問い合わせください!

2019/01/31 00:23