今回は、画像をカラム幅まで大きくする方法を解説していきます。
CSSで大きくする方法で解説しています。
カスタムCSSに以下のコードをコピペ
CSSに以下のコードをコピペしてください。
1 2 3 4 |
main img { height: auto; width: 100%; } |
コピペしたら保存してください。
縦の長さをMAXにしたい方は、
heightを100%にして、widthをautoにしてください。
簡単にアイキャッチ画像をカラム幅まで伸ばすことができる方法
全部の画像をカラム幅までは伸ばすことができませんが、アイキャッチ画像だけの場合は、Cocoon設定の画像のところまで行くと、カラム幅まで伸ばすというチェックボタンがあるのでチェックをすると画像がカラム幅まで大きくなります。
まとめ
今回の画像をカラム幅まで大きくする方法はすべての画像(アイキャッチ画像以外)に適用されます。なので一部画像を編集したい場合は、その都度画像サイズの変更をすることをおすすめします。