吹き出しの文字色が灰色から変更する事が出来ない - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/ Cocoon ディスカッション掲示板 ja Fri, 07 Aug 2026 19:28:23 +0000 wpForo 60 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71712 Fri, 23 Jun 2023 11:28:06 +0000 コードの縮小化の解除を行わせていただきました。

また、ご教授頂いたcssを子テーマのstyle.cssに記入したところ、文字色が白色となった事も確認出来ました。

]]> CSSカスタマイズ相談 kazarine https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71712 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71711 Fri, 23 Jun 2023 11:00:29 +0000 念のため、高速化の解除の方法のリンクも貼ります。

高速化設定を無効にするにはこちら。
→https://wp-cocoon.com/theme-trouble/

私は時間切れのため、フォーラムから離脱させていただきます。

]]> CSSカスタマイズ相談 ｍｋ２ https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71711 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71710 Fri, 23 Jun 2023 10:51:53 +0000

子テーマのfunction.phpに以下のコードを貼り付けると文字を白色にできます。

style.cssの誤記ですので、記述するファイル注意願います。

＞わいひらさん
●原因

Ver2.5.9.2から、以下のように、吹き出し文字色の定義が増えています。

div.speech-balloon {
  color: var(--cocoon-custom-text-color);
}
--cocoon-custom-text-color: var(--cocoon-text-color);

--cocoon-text-colorの初期値は#333の為、吹き出し文字が黒になってしまいます。
以前は、無かったので、body定義した文字色が、吹き出し文字にも反映されグレーとなり。
Gutenbergエディターのカスタムカラー考慮の、しわ寄せかと思います。

body {
  color: #e8e8e8;
}
 
]]> CSSカスタマイズ相談 大門未知子 https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71710 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71709 Fri, 23 Jun 2023 10:49:20 +0000 kazarineさん

一ヶ所訂正を。

それまで応急処置的な方法として子テーマのfunction.phpに以下のコードを貼り付けると文字を白色にできます。

子テーマの「style.css」です。

]]> CSSカスタマイズ相談 ｍｋ２ https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71709 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71707 Fri, 23 Jun 2023 10:41:31 +0000

HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1

ソースコードを解析するために「コードの縮小化」を解除していただいてよろしいでしょうか。

それまで応急処置的な方法として子テーマのfunction.phpに以下のコードを貼り付けると文字を白色にできます。

.speech-wrap {
  --cocoon-custom-text-color: #e8e8e8;
}
]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71707 RE: 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71700 Fri, 23 Jun 2023 09:44:22 +0000 申し訳ありません。画像のURL先の記載を忘れていました。

下記のURL先が吹き出しの文字色が変わってしまったページで、他の吹き出しに関しても全て灰色に変わってしまっていいるという状況です。

https://smartgamecap.net/?p=42473

]]> CSSカスタマイズ相談 kazarine https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71700 吹き出しの文字色が灰色から変更する事が出来ない https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71698 Fri, 23 Jun 2023 08:51:26 +0000 いつもお世話になっております。

先日より、特にいじった記憶が無いにも関わらず、吹き出しの文字色だけが白から灰色になってしまい、ブログ背景が黒色なので見づらくなってしまいました。

こちらはどのように編集をすれば、文字色を白色に戻す事が出来るでしょうか？

お手数おかけしますがご教授頂けるとありがたいです。

 

----------------------------------------------
サイト名：ゲームのサイハテ
サイトURL：https://smartgamecap.net
ホームURL：https://smartgamecap.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/silk/style.css
WordPressバージョン：6.2.2
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8,ko;q=0.7,zh-CN;q=0.6,zh-TW;q=0.5,zh;q=0.4
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.1.6
カテゴリー数：25
タグ数：44
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
style.cssサイズ：2125バイト
functions.phpサイズ：1272バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：1
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2019/01/2000.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.9.0
Akismet Anti-Spam: Spam Protection 5.2
BackWPup 4.0.0
Better Search Replace 1.4.2
EWWW Image Optimizer 7.0.2
Jetpack 12.2.1
Media Library Assistant 3.07
OnePress Image Elevator 2.6.2
Shortcodes Ultimate 5.13.0
Simple Content Templates for Blog Posts & Pages 2.2.2
Simple Custom CSS and JS 3.44
SNS Count Cache 1.1.3
WebSub (FKA. PubSubHubbub) 3.1.3
What's New Generator 2.0.2
WordPress Popular Posts 6.1.3
WPFront Scroll Top 2.0.7.08086
WP Multibyte Patch 2.9
WP Revisions Control 1.4.3
XML Sitemap Generator for Google 4.1.11
YourChannel 1.2.6
----------------------------------------------

]]> CSSカスタマイズ相談 kazarine https://wp-cocoon.com/community/customs/%e5%90%b9%e3%81%8d%e5%87%ba%e3%81%97%e3%81%ae%e6%96%87%e5%ad%97%e8%89%b2%e3%81%8c%e7%81%b0%e8%89%b2%e3%81%8b%e3%82%89%e5%a4%89%e6%9b%b4%e3%81%99%e3%82%8b%e4%ba%8b%e3%81%8c%e5%87%ba%e6%9d%a5%e3%81%aa/#post-71698