すみませんワードプレス初心者です。本をみながらサイト作成をしています。
スタイルシートのarticleで指定した部分だけがstylecssに記載しても反映されません。(他は反映されています)
その為、記事のページでは画像の大きさが、小さくなりません。スマホで見ると、画像が大きくて、他が小さくなってしまいます
開発者ツールで検証をしても、CSSが反映されていませんでした。
既存のCSSもありません。
キャッシュのクリアもしてみましたが関係ありませんでした。
記述ミスもありませんでした。
/* 記事 */
article {margin-bottom: 40px}
article h1 {margin: 0;
font-size: 32px;
font-weight: normal}
article h1 a {color: #000000;
text-decoration: none}
/* 本文中の画像 */
article img {border: none;
max-width: 100%;
height: auto}
.aligncenter {display: block;
margin-top: 30px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto}
/*記事の概要*/
ーーー略ーーーー
@media (max-width: 499px){
.excerpt img {display: block;
margin-left: auto;
margin-right: auto}
}
宜しくお願いします。
＞まーりん様
ご相談ありがとうございます。
サイトを拝見しました。
まずチェックして頂きたいのはテーマファイルですね。
開発者ツールで拝見した限り、articleというタグが存在しません。
存在しないというか、articlrclass=”” と、articleのあとに半角スペースが無い状態です。
これだと artileclass タグということになってしまうので、まずはarticleの後に半角スペースが入るようにしてみましょう。
現在はarticleタグがない（と認識される）状態にあるため、article で始まるCSSは効かないと思います。
それ以降のCSSの反映等については現在はチェックしきれませんので、改めてコメントやご相談頂ければと思います。
参考にして頂ければ幸いです。