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

VWSとは フォーラム Lightning モバイル時の画像回り込みを解除したい

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

  • このトピックには4件の返信、3人の参加者があり、最後に匿名により5年、 3ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #13725

    匿名
    無効

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

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

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

    宜しくおねがいします。

    #13735

    Vektor,Inc
    キーマスター

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

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

    #13737

    匿名
    無効

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

    #13753

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

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

    でいけると思います。

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

    #13760

    匿名
    無効

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

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

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。