https://gyazo.com/85f5422c3995d9970323616c4d737d65

https://gyazo.com/07e112561188c1dd2de45664eb8f861d

反映しないってか、エディタのHTMLに書かないと表示されることは無いですよ。

例CSSに以下を追加した場合。

.hoge { color: #ddd; }

hogeとHTMLに指定がある場所で色を#ddd（灰色）にするよ。って事だけです。実際HTMLにhogeを入れてあげなきゃダメ。

ああああ<

span class="hoge">ここを灰色にしたい。</

span>ああああああああ

※段落を入れたのはフォーラムの仕様のため。段落を削除して1本にした表示の例

ああああここを灰色にしたい。ああああああああ

こんな感じで表示されるイメージです。

gif作ったほうが早いか・・・

.pink {
	color: pink;
}

この場合pinkをHTMLに入れないとだめで、

span class="pink"

としてあげればOK！

gif画像添付

かうたっく様

いつもありがとうございます。

gifまでつくってくださって恐縮です。

そしてごめんなさい。
まだ理解へと至っておりません…。

ご教示いただいた内容から、こういうことかな？と解釈し、試してみましたが、うまくいきません（添付画像）。

そもそもプログラムの知識などなく、見様見真似でやってるもので、決定的な齟齬があるのかもしれません。

cssを定義したら、それをhtmlで反映させなくては…というのはわかる（？）のですが、Gutenbergエディターを有効にしてhtmlで編集したら無効と言われまして。

物分りが悪くて申し訳ございません。

もう少し試行錯誤してみます。

https://gyazo.com/1a21252e1a7c79b3608daa74a3171642

イコールが抜けてますよ。

例

span class="pink"

かうたっく様

ありがとうございました。うっかりしてました。

エフェクトはできました！
…が、アンダーラインになってました。

ググったら数値を変更すると太くなる…とあったのですが、変わりません。

また、設定したマーカー色をメニューに加えることは可能でしょうか？

何度もすみません。よろしくお願いいたします。

（添付画像は、上が太くしようと数値を変更したもの、下がデフォルトの設定です）

通常のマーカーであればbackground-colorとかで良いのではないでしょうか。
http://www.htmq.com/style/background-color.shtml

また、設定したマーカー色をメニューに加えることは可能でしょうか？

旧エディターであれば、PHPカスタマイズをすれば可能です。Gutenbergだと、かなり難しいと言っていいかと思います。
そういうプラグインがないか探したほうが手っ取り早いかもしれません。

…が、アンダーラインになってました。

ググったら数値を変更すると太くなる…とあったのですが、変わりません。

シンプルな背景色を入れるのではなく、グラデーションにしたい。ってことですか？

実際に設置している箇所のURLをいただけますか。あとどこに設置しているかもあれば助かります。

****

また、設定したマーカー色をメニューに加えることは可能でしょうか？

AddQuicktagが手っ取り早いと思います。

わいひら様　かうたっく様

お返事遅くなってすみません！

ちょっと別件にかまけていたら、どこをどう設定したのか忘れてしまいましたが、グリーンのマーカーは表示できています（ド素人です。お許しください）。

https://arazii.com/archives/masaki-manabu-no-anteikan.html

このURLの３行目です。

ただ、一度エディターGutenbergのチェックを外して登録したのか、新たに両方のエディターで再度登録してみようとしましたが見失い中です…（なので紫は試せていません）。

設定は前回ご質問させていただいたときから変えていません。

かうたっく様からのご質問ですが、グラデーションではなく、単純に「グリーン」と「紫」を足したいだけです。

大変申し訳ございませんが、お手すきで教えていただけると幸いです。

大変申し訳ございませんが、お手すきで教えていただけると幸いです。

何に対してなのかがちょっと分かりません。緑と紫を足す方法なのか、エディターに登録する方法なのか。

グラデーションじゃなくて色を足すということであれば、background-colorで良いのではないでしょうか。
http://www.htmq.com/style/background-color.shtml

https://arazii.com/archives/masaki-manabu-no-anteikan.html

このURLの３行目です。

https://gyazo.com/5afcda082252c07a444aa7e9b69f81cb

かうたっく様からのご質問ですが、グラデーションではなく、単純に「グリーン」と「紫」を足したいだけです。

.marker-under-green {
	background: #32cd32;
}

上記画像では　span class="bold marker-under-green"　との指定があるので、上記のようなCSSに変更すればOKかと思います。

https://gyazo.com/ca6ad4a657a74ff12395ad603222676a

ちなみに現状は

.marker-under-green {
	background: linear-gradient(transparent 30%, #32cd32 0%);
}

*

.marker-under-green {
	background: linear-gradient(#bcfcbc 70%, #32cd32);
}

https://gyazo.com/42868890aeeea1029516bdcaab7ea1fb

こんな感じ

.marker-under-green {
	background: linear-gradient(transparent 60%, #32cd32);
}

上記で

https://gyazo.com/63a64cec10fb1a468a419c880a77ffe1

こんな感じになるかと思われます。

　追記　***

リンクになってないので、リンク追加を試してみる

上記CSSは、書きかたの違いだけ表示しただけです。

背景全部、紫にしたい場合。

指定を.marker-under-purple　と仮定。

背景background　の色purpleを任意の色に変更すれば問題ないかと思います？

.marker-under-purple {
	background: purple;
}

わいひら様　かうたっく様

いろいろお手数をおかけして申し訳ございませんでした。

かうたっく様からのアドバイスに従い、プラグインAddQuicktagを加え、CSSを調整してみたところ、うまくいきました！

ついでに蛍光マーカーに見えるような色調整と、ゴールドやシルバーの背景色も加えることができました！

これでデザイン面での当面の課題が解決したと思います。

ありがとうざいました！