[ 解決済 ] モバイル時の画像回り込みを解除したい

[tenten参加者]

Lightning Proバージョン: 0.4.0
Lightning Skin Fort
WordPress 4.9.8

タブレット以下の画面サイズの際に画像の回り込みを解除したいのですが、ネットで調べてもCSSがバラバラで何を適用しても、スマホ閲覧時に数行だけ文字が回り込んでしまします。

またCSSは外観-テーマの編集の小テーマに書くのか、ExUnit-CSSカスタマイズに書くのかどちらがいいでしょうか？

宜しくおねがいします。

[Vektor,Incキーマスター]

どこの部分の画像の回り込みの事でしょうか？

文中に配置した画像に対して文字の回り込みを指定した時などの事ですか？

[tenten参加者]

そうです固定ページの文中に配置した画像に対して文字の回り込みを指定した時です。

[kurudrive参加者]

本文欄全ての画像に適用されてしまいますが

@media (max-width: 767px){
.alignleft, img.alignleft{
	float:none;
	display:block;
}
}

でいけると思います。

CSSはカスタマイズ画面での記入は利用中のテーマでのみ有効です。
ExUnitのCSSカスタマイズはテーマに関係なく適用されます。

[tenten参加者]

ありがとうございました！
下記CSSで本文中、左右の画像配置でもモバイル時には回り込ませず、モバイル時に画像中央にできました。

@media (max-width: 767px){
.alignleft, img.alignleft{
float:none;
display:block;
margin: auto;
}
.alignright, img.alignright{
float:none;
display:block;
margin: auto;
}
}

[投稿者]

投稿