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

Cocoonカスタマイズ。マーカー色を変更するアイキャッチ ワードプレス

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

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

ぜひお試しください!

Cocoonマーカー変更前

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

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


 
 

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

 

CSS追加

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


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

 

Cocoonマーカー変更後

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

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

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


 

「テキスト」タブの画面だとどうなる?

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

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


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

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