kayo_ruheさん

子テーマに以下のようにお書きになっているので、本来は適用されるはずなんですが・・・。

/*********************************
 ● アピールエリアのボタンの文字を白にする
******************************/
.appeal-content .appeal-button {
    color: #fff;
}

ただ、子テーマのスタイルシートの最下部に以下のようなものがあります。

/******************************
<?php
// 広告クローラーエラー対処：404 とプレビュー画面で AdSense を表示しない
if ( !is_preview() ){
?>
 ******************************/
 
<!-- AdSense のコード-->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins 
...
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 
<?php
}
?>

/******************************
 ● レスポンシブ広告
*********************************/

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxx"
     crossorigin="anonymous"></script>
<!-- 広告単位の名前（？） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="9625831821"
     data-ad-format="auto"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

上記を削除するとどうなるか、お試しいただけますでしょうか。

スタイルシートはCSSを書く場所ですので、phpやscriptは書かないでください。

（なぜかコードが赤くなってしまいますが、意図的にしたものではありません。）

別件ですが・・・。

以下プラグインはCocoonをご利用の場合、インストール不要です。

投稿者:: @kayo_ruhe

↑

Classic Editor 1.6.2

以下の対応をお勧めします。

• 上記プラグインのアンインストール
• 「Cocoon設定」－「エディター」の「Gutenbergエディターを有効にする」のチェックを外す

 
以下のマニュアルページを、ご一読ください。

Cocoonを利用する上でお勧めしないプラグインまとめ
インストール不要のプラグイン
https://wp-cocoon.com/not-recommended-plugins/#toc7
 

また、WordPressの日本語環境においては、以下のプラグインは必須といえます。

WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/

インストールなさることを強くお勧めします。

更に別件です。

子テーマのスタイルシートに多数のごみがあるようです。
（通常であれば、人の目には見えませんので気づかないと思います。）

@mk2_mk2 さま

素早いご丁寧なお返事をどうもありがとうございます。

とりあえずご指摘の数々を全部実行してみました。ナントカにナントカを貼っちゃいけないとかさっぱり分かりませんが、これで少しはスッキリしたかな？と思います。

最初の質問のTopページ、アピールエリアのボタンの文字がまだ直らないので、他の先生方のご回答を待ってみようと思います。

どうもありがとうございました。

kayo_ruheさん

以下ご対応をお願いします。

投稿者:: @mk2_mk2

↑

ただ、子テーマのスタイルシートの最下部に以下のようなものがあります。

/***************************
<?php
// 広告クローラーエラー対処：404 とプレビュー画面で AdSense を表示しない
if ( !is_preview() ){
?>
 ************************/
 
<!-- AdSense のコード-->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins 
...
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
 
<?php
}
?>

/************************
 ● レスポンシブ広告
******************************/

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxx"
     crossorigin="anonymous"></script>
<!-- 広告単位の名前（？） -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
     data-ad-slot="9625831821"
     data-ad-format="auto"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

上記を削除するとどうなるか、お試しいただけますでしょうか。

スタイルシートはCSSを書く場所ですので、phpやscriptは書かないでください。

【追記】
書いてはいけません。

以下もまだ残っているようです。

kayo_ruheさん

最新の環境情報を取得して、貼り付けていただけますでしょうか。

少し不可解なところがあるもので。

@mk2_mk2 さま

外観 → テーマファイルエディタ のページの　Cocoon Child: スタイルシート (style.css)　のところですよね？
私の方では消したのですが、そちらからご覧になると消えていませんか？
あと font-weight のところも消してみました。細かく見て下さりありがとうございます。

環境情報：Cocoon環境に関する情報です。

----------------------------------------------
サイト名：算命学を使った人生戦略作戦会議
サイトURL： https://kayo-ruhe.com 
ホームURL： https://kayo-ruhe.com 
コンテンツ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
WordPressバージョン：6.1.1
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,ja;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.6.2
カテゴリー数：20
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：8601バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/uploads/2020/03/Top画像表題入りPNG1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
Ad Invalid Click Protector 1.2.7
Akismet Anti-Spam 5.0.2
BackWPup 4.0.0
Booking Package SAASPROJECT 1.5.77
Category Order and Taxonomy Terms Order 1.7.4
Contact Form 7 5.7.3
Converter for Media 5.7.1
Google XML Sitemaps 4.1.7
Jetpack 11.8.3
Regenerate Thumbnails 3.1.5
WordPress Ping Optimizer 2.35.1.3.0
WP ULike 4.6.5
----------------------------------------------

kayo_ruheさん

ありがとうございます。

とりあえず、以下にところに閉じ括弧（半角の"}"）がないみたいです。

そのため、「/* 目次のデザインカスタマイズ */」以降はすべて無効になっています。

投稿者:: @mk2_mk2

↑

また、WordPressの日本語環境においては、以下のプラグインは必須といえます。

WP Multibyte Patch
https://ja.wordpress.org/plugins/wp-multibyte-patch/

インストールなさることを強くお勧めします。

上記もインストールしてくださいね。
（今回の件とは関係ありませんが）

kayo_ruheさん

ちなみに、「Cocoon設定」－「全体」－「キーカラー」の、サイトキーテキストカラーに#353535を設定なさっているかと思います。

こちらは、変更しなくないということでよろしいでしょうか。

現状これが適用されて、アピールエリアのボタンの文字色が黒く見えるのだと思います。
（但し、これはアピールエリアのボタン以外にも適用されるものですので、これを変えると、他にも変わる部分があると思います）

【追記】

直りましたね。

子テーマのスタイルシートのCSSが当たったようです。
良かったです。

@mk2_mk2 さま

インストール早速しました！そして　}　も追加しました。そんな細かいところが抜けているなんて、私では見つけられなかったと思います。ありがとうございます。

って、あれっ！？

最初の問題＝ボタンの文字が白　が解決いたしました！

本当にどうもありがとうございます。大変お世話になりました。

（引き続き解決すべき問題がまだ数件ありますので、もしかしてまだお世話になるやもしれません）

凄い早朝にお付き合い下さり、重ね重ねありがとうございました。

kayo_ruheさん

子テーマのスタイルシートの最後に、以下のようにお書きになっています。

/*********************************
 ● アピールエリアのボタンの文字を白にする
*********************************/
.appeal-content .appeal-button {
	color: #fff;
}

本来は、これで白くなるはずです。

但し、先程かかせていただいた、閉じ括弧が抜けていたため、その場所より後ろのCSSが全部無効になっていました。
（平たく言えば、エラーということです）

そのため、最後に書かれているCSSも、適用されていませんでした。

今回閉じ括弧を修正した（エラーを解消した）ことにより、適用されるようになりました。

【追記】

閉じ括弧が漏れていた場所以降には、結構な量のCSSが書かれていました。
そのため、今回閉じ括弧を追加してエラーを解消しましたので、他のCSSも適用されるようになっていると思います。