/ 最終更新日 : 2020年4月18日 wptakao [ 解決済 ] スマフォでのギャラリー表示(3列に表示) VWSとは › フォーラム › Lightning › [ 解決済 ] スマフォでのギャラリー表示(3列に表示) [ 解決済 ] スマフォでのギャラリー表示(3列に表示) このトピックには1件の返信、1人の参加者があり、最後にwptakaoにより4年、 8ヶ月前に更新されました。 2件の投稿を表示中 - 1 - 2件目 (全2件中) 投稿者 投稿 2020年4月18日 4:25 PM #36520 wptakao閲覧者 お世話になります。 Lightnig Pro バージョン: 4.4.1 (子テーマにて使用) Lightning Skin Pale 5.1.5 VK Blocks Pro 0.26.3 ギャラリーで縦位置の画像を6枚配置しています(画像は 170x255px)。 PCやタブレットでは1行6列のままにし、 スマフォでは各行3列(2行で各行3列)に表示させたいのですが、各行2列でしか表示できません。 追加CSSでギャラリーに関連するCSSを追加したりしても変更できません。 (blocks-gallery-itemなど ) 設定方法などご教示ください。 2020年4月22日 6:19 AM #36771 wptakao閲覧者 以下の設定を試みたところ、上下段、2行で3列づつの表示となりました。 @media screen and (max-width: 766px) { figure.columns-6 li.blocks-gallery-item { max-width: 30%; } ただし、ここまでだと、上段の一番右の画像が中央の画像にくっつき、 また下段の左の画像が中央の画像にくっつきます。 ぎりぎりの表示として margin:0px 4px 12px 4px; を追加しました。 投稿者 投稿 2件の投稿を表示中 - 1 - 2件目 (全2件中) このトピックに返信するにはログインが必要です。 ログイン ユーザー名: パスワード: ログイン状態を保持 ログイン