サポート » 使い方全般 » ページャーのカスタムについて

  • 解決済 taktovoi

    (@taktovoi)


    上記のサイトを運営しています。
    ページの下部にページャーを設置しております。
    ページャーの見た目を変更したいと考えています。

    質問ですが、変更の内容としては、NEXT>>という文字以外を消したいと考えています。
    数字、色のついた枠、省略点は消したいと考えています。

    方法があれば教えて下さい。
    よろしくお願いいたします。

    環境
    macOSMojave
    safariブラウザ
    テーマ:GraphyPro

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは

    下記 CSS ではいかかでしょうか?

    .pagination .nav-links .page-numbers:not(.next) {
    	display: none;
    }

    「« Previous」を消さずに残す場合は、

    .pagination .nav-links .page-numbers:not(.prev):not(.next) {
    	display: none;
    }
    トピック投稿者 taktovoi

    (@taktovoi)

    ishitaka様

    誠にありがとうございます。
    next>>の文字だけ残りました。
    可能であれば、next>>の文字にかかる四角い枠線を取り除き、テキストを中央から右に寄せたいのですが
    いかがでしょうか?

    こんな感じでしょうか?

    .pagination a.page-numbers {
    	border: none;
    }
    .pagination .nav-links .page-numbers:not(.prev):not(.next) {
    	display: none;
    }
    .pagination .nav-links .prev {
    	float: left;
    }
    .pagination .nav-links .next {
    	float: right;
    }
    トピック投稿者 taktovoi

    (@taktovoi)

    ishitaka様

    本当にありがとうございます。
    問題なく表記されおります。
    勉強になりました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ページャーのカスタムについて」には新たに返信することはできません。