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

このトピックには4件の返信が含まれ、3人の参加者がいます。2 週間、 5 日前 tenten さんが最後の更新を行いました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #13725

    tenten
    参加者

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

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

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

    宜しくおねがいします。

    #13735

    Vektor,Inc
    キーマスター

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

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

    #13737

    tenten
    参加者

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

    #13753

    kurudrive
    参加者

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

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

    でいけると思います。

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

    #13760

    tenten
    参加者

    ありがとうございました!
    下記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件中)

このトピックに返信するにはログインが必要です。