【Cocoonのマーカー】規定色から変更する3行CSS：カスタマイズ

Cocoonのマーカーを、規定色から好きな色に変更する方法をご紹介します。

規定の「黄色マーカー」をピンクに変更します。

ぜひお試しください！

Cocoonマーカー変更前

「投稿の編集」画面から、「スタイル」→「マーカー」→「黄色マーカー」で、

マーカーを引いたときの色を変更したいと思います。

変更前の「黄色マーカー」の色はこちらです。

CSS追加

CSSのスタイルシートに以下のコードを追加します。

.marker {
background: linear-gradient(transparent 0%, #FFDDFF 0%);
}

Cocoonマーカー変更後

「黄色マーカー」の色味を、ピンク色に変更しました。

「黄色マーカー」をクリックすると、ピンクマーカーが引かれるので、

変な感じがするかもしれませんが、使うのは自分だけなのでOKと思っています。

赤枠の「黄色マーカー」をクリックすると、

ピンク色のマーカーを引くことができます。

 
この記事がお役に立ちますと幸いです。
 

【Cocoonトップページ】背景色変更するたった３行CSS：カスタマイズ

...

kirinote.com

2022.05.05