VWSとは フォーラム Lightning Media Post 5カラム表示について

Media Post 5カラム表示について

タグ: 

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

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

    omusubi360
    参加者

    お世話になります。
    以前「Media Post 2カラム、4カラム表示について」という内容でご相談させていただいたomusubi360と申します。
    先日はありがとうございました。

    無事実装できたのですが、お客様より、PCでサイトにて5カラム表示にしたい旨ご依頼がございました。
    つきましては、どのように実装すればよいかご教示いただければ幸いです。
    よろしくおねがいします。

    #17287

    RICK
    参加者

    前回のコードをこのように応用すると可能です。

    @media (min-width: 992px){
    	.loop_outer .col-lg-4,
    	.widget_ltg_media_posts_media_post .col-lg-4 {
    	    width: 20%;
    	}
    }
    @media (min-width: 1200px){
    	.loop_outer .col-lg-4,
    	.widget_ltg_media_posts_media_post .col-lg-4 {
    	    width: 20%;
    	}
    }

    要はwidthのパーセンテージを変えればOKということですね。
    前回は 4カラム だったので、 100 ÷ 4 = 25 (%)
    今回は 5カラム なので、   100 ÷ 5 = 20 (%)

2件の投稿を表示中 - 1 - 2件目 (全2件中)

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