Re: テーマ「Stucco」先頭へ戻るボタンのCSSについて

2019年6月2日 at 11:03

Minoriさま

ツールバーのページデザイン -> ページ設定 -> デザイン -> カスタマイズ で編集していない前提です。
どのファイルを修正したのかわかりませんので、先頭に戻るボタンの色をしている『less』ファイルを記述しておきます。

色を変更する、または画像を差し替える場合どのCSSファイルを変更すれば良いのでしょうか。大変お手数ですがご教授いただけますと幸いです。

css ファイルではなくてless ファイルを編集してください。
main.css ファイルを編集されたのでしたら、そもそも間違っています。

■先頭に戻るボタンのスタイルを記述しているファイル
packages -> theme_stucco -> themes -> stucco -> css -> build -> footer.less に『#scroll-page-top』のスタイルを記述していますが、変数で背景色を指定しています。
各プリセットの変数は、packages -> theme_stucco -> themes -> stucco -> css -> presets の中のファイルに記述しています。
元の黒から白色に変更

と書いておられるので、その場合は上記のフォルダにある『defaults.less』の『@global-navigation-background-link-color』が先頭へ戻るボタンの背景色です。

ちなみに『@global-navigation-background-link-color』を変更するとグローバルナビゲーションの背景色も変更されますのでご注意ください。

Re: テーマ「Stucco」先頭へ戻るボタンのCSSについて

2019年6月3日 at 12:48
nipper様

早速のご連絡誠にありがとうございます!
とても助かりました。

ツールバーのページデザイン>ページ設定>デザイン>カスタマイズで編集しておりました際、ご指定いただいた箇所@global-navigation-background-link-colorの色を白にしていましたのが原因でした。
footer.lessファイルから#scroll-page-topの色を直接指定し変更できました。

初心者で不慣れな段階なのですが、おかげさまで少し、仕組みが理解できました。
ありがとうございました。