SWELLの上に戻るボタンをFontawesomeのアイコンに変えるカスタマイズです。
参考サイトさまのコードをアレンジしました。ありがとうございます！
ポポデザイン | 西宮市のホームペ...
SWELLのトップへ戻るボタンを画像に変更する方法 - ポポデザイン | 西宮市のホームページ制作・女性デザイ...
WordPressテーマの「SWELL」のページ下、「ページトップへ戻るボタン」を画像に変更する方法を記載します。テーマ [続きを読む]
.c-fixBtn {
align-items: center;
background: initial;
border: initial;
border-radius: initial !important;
box-shadow: initial;
color: initial;
cursor: pointer; /* ホバー時にポインタを表示 */
display: flex;
flex-direction: column;
height: 30px; /* 必要に応じて調整 */
justify-content: center;
letter-spacing: normal;
line-height: 1;
opacity: .75;
overflow: hidden;
text-align: center;
transition: all .25s;
width: 30px; /* 必要に応じて調整 */
font-size: 28px; /* アイコンのサイズを調整 */
color: #666; /* アイコンの色を指定 */
}
.c-fixBtn::before {
content: '\f1b0'; /* FontAwesomeのpawアイコン（Unicode） */
font-family: 'FontAwesome';
display: block;
}
.icon-chevron-small-up:before, .icon-chevron-up:before {
content: initial;
}
.hov-bg-main:hover {
background-color: initial !important;
color: #555 !important; /* ホバー時の色を指定 */
opacity: 1; /* ホバー時に透明度を変更 */
}paw（肉球）アイコン可愛いですね！
