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

[leafletweb]

■ WordPress のバージョン
6.9.1

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

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

■ テーマのバージョン
15.33.1

■ Pro Unit のバージョン
0.29.10

■ スキンの種類
Origin III

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

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

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

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

宜しくお願い致します。

[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.

[leafletweb]

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

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

Attachments:

You must be logged in to view attached files.

[leafletweb]

Y.INABA様
お世話になります。

外枠が消えない状況でしたが
box-shadow: none;
を追加して枠が消えました。

ありがとうございました。

[leafletweb]

ありがとうございました。

[Y.INABA]

leafletweb 様

ご確認ありがとうございます。
解決できて何よりです。

スキンについて失念しておりました。大変失礼いたしました。
おっしゃる通り、OriginIIIでは上記コードだと縁が出てきますね。
解決策について、自己解決いただきありがとうございます。

なお、お手数ですがお手すきの際にベストアンサーを設定いただけますと幸いです。

[leafletweb]

ベストアンサーの設定忘れ失礼いたしました。
ありがとうございました。

[投稿者]

投稿