HOME フォーラム Lightning アーカイブページを3カラムにした際の下部ナビゲーションをカラム落ちさせたい

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

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

    gene
    参加者

    アーカイブページをサイドバーなしの3カラムにしました。
    表示(投稿)数が10の場合、割り切れないので、最下部の表示が1つ余ります。
    その際にナビゲーションが余った投稿の横に表示されてしまいます。
    それをカラム落ちさせたいのです しかしどこをいじっても見落としているためか、変わりません。
    ご指摘いただければ幸いです。

    css
    特定の投稿タイプを1カラムにする&サイドバーを非表示にする

    特定の投稿タイプを1カラムにする&サイドバーを非表示にする

    
    .archive.post-type-library .mainSection{
    	width:100%;
    	margin-left:auto;
    	margin-right:auto;
    }
    .archive.post-type-library .sideSection{
    	display:none;
    }
    
    
    3カラム設定
    .entry{
      width:350px;
      height:450px;
      float:left;
      clear:none;
    }
    

    アーカイブページソース
    <article class=”media container entry”>
    <div class=”row”>
    <div class=”col-sm-12″>
    <div –中略同文
    </div>
    </div>
    </div>
    </article>
    `
    結果
    アーカイブページを3カラムにした際の下部ナビゲーションをカラム落ちさせたい

    • このトピックは2 ヶ月、 2 週間前に  gene さんが編集しました。理由: 画像が表示されないので編集
    #10826

    dipweb
    参加者

    そのナビゲーションの要素に対してfloatをclearすればよいのでは?

    #10827

    gene
    参加者

    その後 各所調査しまして 下記CSSでカラム落ちさせることができました。
    .pagination {
    display: block;
    clear: both;
    }

    ありがとうございました。

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

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