以下の内容はhttps://karupoimou.hatenablog.com/entry/2019/04/28/092911より取得しました。


【1分で出来るブログ・カスタマイズ】はてなブログで『次のページへ』ボタンを大きくする方法 デザインCSS

「次のページへボタン」を大きくしたい!

デフォルトで意外と小さく見つけづらい「次のページへ」ボタンを大きくする方法をご紹介します

f:id:karupoimou:20190428092136p:plain:w400
右下にある「次のページ」ボタン

CSSコード

.pager-next {
    font-size: 150%;/*数字をいじれば大きさの変更も可能*/
}

上記のコードを「設定」-「デザイン」-「{}デザインCSS」の所に貼り付けるだけで完了です。

適用後

f:id:karupoimou:20190428092257p:plain:w400
大きくなった「次のページへ」ボタン

コードの説明

.pager-nextという要素に対してフォントをしています。
なので、ブログの中でのすべての「次のページへ」ボタンにこのデザインが適用されます。

関連ページ

karupoimou.hatenablog.com




以上の内容はhttps://karupoimou.hatenablog.com/entry/2019/04/28/092911より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14