ページトップへ戻るボタンのデザイン変更について

このトピックには2件の返信、2人の参加者があり、最後にleafletwebにより50分前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2026年2月18日 12:46 PM #117772

leafletweb
参加者

■ WordPress のバージョン
6.9.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.33.1

■ Pro Unit のバージョン
0.29.10

■ スキンの種類
Origin III

■ 期待する動作
ページトップへ戻るボタンのデザインをオリジナル画像などに変更したいです。

■ 自分で試した事
変更できる個所を探しましたが見つかりませんでした。

■ 症状が発生するブラウザ
Chrome、edge、opera

■ 実際の症状
デフォルトのままです。

宜しくお願い致します。

2026年2月18日 2:11 PM #117774
Y.INABA
参加者
leafletweb 様

カスタマイザー等の範囲では当該の設定ができませんので、追加CSSにて以下のコードを挿入いただく必要がございます。
・ほんの一例です。幅・高さなどは60ピクセルの設定にしておりますが、適宜変更いただければと思います。
・モバイル環境でも同じ幅・高さになりますので、もし振り分けが必要であれば、さらにCSS追加する必要がございます。

▼追加CSS内容（一例）
```
a.page_top_btn {
	background-image: url(画像のURL);
	margin: 0;
	padding: 0;
	border-radius: 0;
	border-width: 0;
	width: 60px;
	height: 60px;
	background-size: 100%;
	background-color: transparent;
}
```
Attachments:
You must be logged in to view attached files.
2026年2月18日 4:04 PM #117779

leafletweb
参加者

Y.INABA様
早々にありがとうございます。

試してみたところ画像は表示されましたが
外枠が消えません
無知ながら以下を追加してみましたが変わらずです。
border: none;
outline: none;
どのようにしたらいいでしょうか？
宜しくお願い致します。

Attachments:
You must be logged in to view attached files.
投稿者

投稿