Cocoon設定
- Cocoon設定
- ボタン
- トップへ戻るボタンを表示するにチェック
- アイコンを選択
- 色を選択

ボタンのカスタマイズ
背景を透明にするという極めてシンプルなカスタマイズです。
セレクタ名を調べる (参考)
カスタマイズする際にいつも困るのは『コードの名前(セレクタ名)は何なのか』を調べるところです。私流の調べ方を参考として紹介します。
- Cocoon設定 → ボタン
- ボタンの色を『絶対にサイト内で使ってない色』に設定
- ソースから②の色コードを検索
- ③の先頭辺りにあるセレクタ名を確認


カスタマイズコード
背景を透過(transparent)にして、サイズも少し大きくしました。
.go-to-top .go-to-top-button {
background: transparent;
font-size: 25pt;
}
Comment