セルフルの上級者機能に追加された「カスタムCSS」
この機能を利用した裏技をこのブログでは紹介しています🤗
完成図
デザインテーマが「Solid」の場合の完成図はこちら。

ほとんどわからないと思うのですが、背景色をちょっとだけ柔らかい白に変更しています。
注意点:
すべてのページの背景に適用されるので、あまりに強い色だとサイトの見やすさが落ちて、サイトの離脱にもつながってしまいます。利用するときは、参考サイト(https://www.colordic.org/p)の1番下、もしくは下から2段目くらいの色くらいにおさえていただくことを強くおすすめします!
対応しているサイトデザイン※
「Solid」
※サイトデザインとは、セルフルの管理画面左にある「サイト設定」に入った画面の一番上「サイトデザイン」で選択しているデザインのことです。
変更方法
1:色コードの取得
背景色にしたい色のカラーコード*を参考サイトから持ってきます。
*カラーコードとは?
#に続けて6桁の数字やアルファベットを組み合わせたコードで、Web上で色を指定するときに使われます
▼参考サイト
以下サイトの1番下の段と下から2段目の中から選んでいただくことをおすすめします。
https://www.colordic.org/p
2:セルフルに設定する
下記のコードをコピーして「#fdfffe」の部分を1の工程で取得したコードに書き換えます。
背景色を変更するためのコード
/* -------- 背景色 -------- */
#site-design-solid {
background-color: #fdfffe;/* 色を指定 */
}
#site-design-solid #main, #site-design-solid .side-nav ul, #site-design-solid .list-block ul.check {
background-color: transparent;
}
3:コードを設定
「上級者設定」の中にある「カスタムCSS」をクリックしたページに、コードを貼り付けます。