Vektor WordPress Solution
VWSとは › フォーラム › Lightning › モバイル時の画像回り込みを解除したい
Lightning Proバージョン: 0.4.0 Lightning Skin Fort WordPress 4.9.8
タブレット以下の画面サイズの際に画像の回り込みを解除したいのですが、ネットで調べてもCSSがバラバラで何を適用しても、スマホ閲覧時に数行だけ文字が回り込んでしまします。
またCSSは外観-テーマの編集の小テーマに書くのか、ExUnit-CSSカスタマイズに書くのかどちらがいいでしょうか?
宜しくおねがいします。
どこの部分の画像の回り込みの事でしょうか?
文中に配置した画像に対して文字の回り込みを指定した時などの事ですか?
そうです固定ページの文中に配置した画像に対して文字の回り込みを指定した時です。
本文欄全ての画像に適用されてしまいますが
@media (max-width: 767px){ .alignleft, img.alignleft{ float:none; display:block; } }
でいけると思います。
CSSはカスタマイズ画面での記入は利用中のテーマでのみ有効です。 ExUnitのCSSカスタマイズはテーマに関係なく適用されます。
ありがとうございました! 下記CSSで本文中、左右の画像配置でもモバイル時には回り込ませず、モバイル時に画像中央にできました。
@media (max-width: 767px){ .alignleft, img.alignleft{ float:none; display:block; margin: auto; } .alignright, img.alignright{ float:none; display:block; margin: auto; } }
解決済みにする