テーマLuxeritas(ルクセリタス)でページトップボタンをカスタマイズしてみよう

ページトップボタン, Luxeritas, ルクセリタス

こんにちは!
今日は縦長のページを下の方までスクロールした時に、右下に表示されるボタンのカスタマイズをしてみましょう!

ページトップボタンのカスタマイズ

デフォルトのボタン

こんな感じですね!
キャプチャ画面

こんな風にしてみたい

キャプチャ画面

カスタマイズする

  1. 「外観」「カスタマイズ」「細部の見た目」
  2. PAGE TOPボタンのテキストは空白にします。

    キャプチャ画面

  3. 上記の設定をした後の表示
  4. ちょっとバランスが悪いです・・・

    キャプチャ画面

  5. スタイルを追加する
  6. #page-top {
        font-size: 1.5rem; /* 少し小さく*/
        padding: 10px 14px; /* 上下の余白を調整 */
        bottom:50px; /* 表示位置を少し上に */
    }

完成!

キャプチャ画面

あとがき

ルクセリタスは通常のカスタマイズ画面からできることが多いので、まず、そこを確認してみないといけませんね。下から少し位置を上げたのは、モバイル表示の時に広告とかぶるからでした!

最後までお読みいただきありがとうございました!

また画像を拡大表示するプラグインが二重表示になっていることに気づき、停止しています。><
謎なことが多いテーマとプラグインの関係です・・・(ー’`ー;)

0

カスタマイズ

Posted by どらみ