yuktkhs
@yuktkhs (yuki takahashi)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

【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){
  /*必要ならばここにコードを書く*/
}

自分で試したこと

①Cocoonテーマのスキンを使っているか確認→「なし」
image.png

②カスタムCSSに記述していないか→記述していないことを確認済み
③追加CSSに記述していないか→記述していないことを確認済み
④キャッシュクリアの実行→反映されず

0

1Answer

上書きしたほうのCSSの閉じカッコの直前に全角スペースが入っているからですね。

0Like

Your answer might help someone💌