SIRIUS2 助け合いQ&A広場

数字リスト(丸)の色を変更する方法は?

891 viewsHTML・CSSカスタマイズリスト
0

各テンプレート共通の「数字リスト(丸)」の青色を他の色に変更するにはどうすればいいですか?
SIRIUS2の数字リストの色を変えたい

高橋(管理人) この質問にアンサーする 2022年8月4日
0

このQ&Aは管理人の備忘録として作成しました。

他に分からないことがありましたら、どなたでも結構ですので質問してみてください。

ご利用は一切無料です。

高橋(管理人) この質問にアンサーする 2022年8月4日
0

数字付きリストの丸の青を変更するにはCSSの設定を加えると可能です。

設定方法は簡単。
以下のCSSを変更させたいページの「詳細設定」→「タグ・CSSの挿入」にコピペすると丸の色を変えることができます。

.ol-circle li::before {
background-color: #008000!important;}

list ol の色を変更したもの

上記CSSの「#008000」の部分をあなたのサイトに合わせたカラーコードに変更して使ってください。
カラーコードの見本はこちらを参考にしてください。

ページごとではなく、サイトに使われている数字リスト(丸)の色を一括で変更したい場合は、上部メニューの「テンプレート」→「テンプレート編集」→「ユーザー指定スタイル」の欄にコピペして保存するとOKです。

高橋(管理人) 公開するステータスを変更しました 2022年8月4日