ワードプレスで、ＣＳＳが反映されていないようです。

質問

お世話になります。

見出しに装飾をつけようと思い、ワードプレスのＣＳＳを編集しました。
が、反映されません。

見出し２の背景色をゴールドにしようとしたのですが、ノーマル？のままです。

ワードプレスのテーマは子テーマを選択し
「Simplicity2 child: スタイルシート 」内を編集しました。

・・・・・・・・・・・・・・・・・・・・・・
@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template: simplicity2
Version: 20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

.headline2{
background-color:#ffd700
}

・・・・・・・・・・・・・・・・・・・・・
なにか足りない記述でもあったのでしょうか？

回答No.2

hok212

こんばんは。
子テーマにスタイルを記述してもノーマルのままと仰っているので、親テーマのstyle.cssは正しく読み込まれているようです。

このような場合、子テーマの functions.php にて親テーマのスタイルを生かしつつ子テーマに追加のスタイルを記述するアクションを追加します。

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}

※子テーマを使う場合、こちらのページに目を通しておくと幸せになります。
※functions.phpへ上記のアクションを追加する方法も記載されています。

http://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E

回答No.1

Rocky2836

この部分のみの記載なので違ってたらごめんなさいですが、

#ffd700
のあとにセミコロンを入れるとどうなりますか？

.headline2{
background-color:#ffd700;
}