こんにちは

スキンは親テーマ内に入っているので、子テーマstyle.cssに追記すれば良いようです。

Cocoonスキンの機能の仕様：目次：スタイルの優先度

スキン機能のスタイルが呼び出される順番は以下のようになっています。

1. Cocoon（親テーマ）のstyle.css
2. Cocoon（親テーマ）スキンのstyle.css
3. テーマカスタマイザーで変更したスタイル
4. 子テーマのstyle.css
5. 子テーマスキンのstyle.css

スタイルシートは、同じCSSセレクタなら後から呼び出されたものが優先されます。

ですので、「親テーマのstyle.css」が最も優先度が低く、「子テーマスキンのstyle.css」が最も優先度が高くなります。

上記以外に、「margin: 0 !important;」のように!important宣言を行えば、それが最も優先されます。

スキンだけで管理したい場合は、子テーマのskinsフォルダに、親テーマのスキンフォルダをコピペしてからカスタマイズすると良いかもしれません。

かうたっくさん、わいひらさん、ありがとうございます！

子テーマstyle.cssに追記すれば

変更したい部分だけ追記して上手く反映されました。

しかし、amp.cssの方にも追記したのですが、上手く反映されませんでした。

僕が何かを間違っている可能性があるのでもう少し試行錯誤やってみます。

スキンだけで管理したい場合は、子テーマのskinsフォルダに、親テーマのスキンフォルダをコピペしてからカスタマイズすると良いかもしれません。

すみません、それと上記の部分が上手く理解できなかったのですが、画像のような感じにすれば問題ないということですか？

しかし、amp.cssの方にも追記したのですが、上手く反映されませんでした。

『どの部分』に『どのようなスタイル』を入れましたか？

該当の『ampページのリンク』を置いて、他のスタイルを確認できるよう『Cocoon高速化』の『CSSを一時的に停止』していただけたら、フォーラムをチェックした人が助けてくれるかもしれません。

こんにちは。

なぜかamp.cssが上手く反映してくれないです。

下記を追記しているのですが、style.cssは問題なく反映されています。

/*変更している*/
.article h3 {
border-left: 6px solid #234777;
border-right: initial;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: 22px;
padding: 11px 20px;/*これを変更しないと星が消える*/
background: #fafbff;
font-weight: bold;/*追記*/
border-radius: initial;/*追記*/
}
.article h2, h4, h5 {
font-weight: bold;/*追記*/
}

URL： https://xn--vbk5a4i7dzdz43wgbi.com/

高速化は停止しています。

何か書き方を間違っているのが原因ですかね？

なぜかamp.cssが上手く反映してくれないです。

Cocoon 1.1.0 で実装された AMP キャッシュが原因ではないでしょうか。

Cocoon 設定 → キャッシュ削除より、 AMP  キャッシュの削除をするとどうなるでしょうか。

スキンだけで管理したい場合は、子テーマのskinsフォルダに、親テーマのスキンフォルダをコピペしてからカスタマイズすると良いかもしれません。

スキンのフォルダを丸ごと子テーマにコピペをします。

すると、子テーマにスキンの style.css ができるので、そのスキンの style.css を直接変更してもカスタマイズが可能です。

Akiraさんが書かれたように、キャッシュが原因の可能性が高いです。
「Cocoon設定→キャッシュ削除」からAMPのキャシュを削除してみてください。

Akiraさん、わいひらさん、ありがとうございます！

お二人がおっしゃる通り「AMP  キャッシュの削除」で解決しました。

スキンのフォルダを丸ごと子テーマにコピペ

こちらも理解することができました。

ありがとうございました！