日本語
サポート
サポート » 使い方全般 » ページャーのカスタムについて
(@taktovoi)
3年、 11ヶ月前
上記のサイトを運営しています。 ページの下部にページャーを設置しております。 ページャーの見た目を変更したいと考えています。
質問ですが、変更の内容としては、NEXT>>という文字以外を消したいと考えています。 数字、色のついた枠、省略点は消したいと考えています。
方法があれば教えて下さい。 よろしくお願いいたします。
環境 macOSMojave safariブラウザ テーマ:GraphyPro
(@ishitaka)
こんにちは
下記 CSS ではいかかでしょうか?
.pagination .nav-links .page-numbers:not(.next) { display: none; }
「« Previous」を消さずに残す場合は、
.pagination .nav-links .page-numbers:not(.prev):not(.next) { display: none; }
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; }
本当にありがとうございます。 問題なく表記されおります。 勉強になりました。