【WordPress】見出しのカスタマイズの変更が反映されない
解決したいこと
現在、WordPressのテーマ「cocoon」を使用しており、見出し(h2)のデザイン変更したいです。
大きく「外観」→「テーマファイルエディタ」→子テーマCSS「Cocoon Child」にカスタマイズコードを記述→更新というステップを踏んで試しましたが更新されません。
<手順>
1.デフォルトで入っている見出しをリセットし、カスタマイズ用CSSを記述
@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.0.8
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* H2 */
.article h2{
padding: 0;
margin: 0;
background:none;
border-collapse: separate;
border-spacing: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
line-height: normal;
position:relative;
}
.article h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #F08080;/*左線(実線 太さ 色)*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
/*必要ならばここにコードを書く*/
}
/*1030px以下*/
@media screen and (max-width: 1030px){
/*必要ならばここにコードを書く*/
}
/*768px以下*/
@media screen and (max-width: 768px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
自分で試したこと
②カスタムCSSに記述していないか→記述していないことを確認済み
③追加CSSに記述していないか→記述していないことを確認済み
④キャッシュクリアの実行→反映されず
0