ページ右下に画面上部へ戻るボタン

Elementorネタではありませんが汗汗
よく使う機能かと思いますのでご紹介します。

ページをスクロールして下へいくと右下に表示されるトップへ戻るボタン。
この機能を簡単に入れることができるプラグイン「Smooth Scroll Up」。

Smooth Scroll Up

プラグインをインストールすると

設定>Smooth Scroll Upメニューが追加されるのでそれを選択!

細かい設定は他のサイトを参考いただければと思いますが

Typeの箇所をIconにするとFontawesomeのWebフォントを使用するため軽量で色もCSSで自由に変更できます。

Custom CSS Codeへ以下のように入れるとアイコンが緑色になります。

a.scrollup-link{
color:green;
}

ただ文字の上にアイコンがかぶった際にあまりキレイではないため、どんな文字の上にボタンがきてもキレイに表示したい場合はTypeをImageにした方が良いです。

説明が難しいですが以下の図のような状態になります。Webフォントの場合↑の部分が抜けてしまうんですよね。細かい話でしたw

 

Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.