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』を変更するとグローバルナビゲーションの背景色も変更されますのでご注意ください。
Your post has been saved and will be published after approval by the forum moderator.
Minori
Re: テーマ「Stucco」先頭へ戻るボタンのCSSについて
早速のご連絡誠にありがとうございます!
とても助かりました。
ツールバーのページデザイン>ページ設定>デザイン>カスタマイズで編集しておりました際、ご指定いただいた箇所@global-navigation-background-link-colorの色を白にしていましたのが原因でした。
footer.lessファイルから#scroll-page-topの色を直接指定し変更できました。
初心者で不慣れな段階なのですが、おかげさまで少し、仕組みが理解できました。
ありがとうございました。