お世話になっております。 見出し2を変更したいのですが、反映されず標準のスタイルのままです。誤りをご指摘頂けましたら幸いです。
.entry-content h2 { position: relative; background: #eff4ff; padding: 2px 5px 2px 20px; font-size: 20px; color: #474747; border-radius: 0 10px 10px 0; }
.entry-content h2::before{ font-family: “FontAwesome”; content: “\f041”; display: inline-block; line-height: 40px; position: absolute; padding: 0em; color: white; background: #81a1e4; font-weight: normal; width: 40px; text-align: center; height: 40px; line-height: 40px; left: -1.35em; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29); border-bottom: solid 2px #4967b4; }
全く反映されない場合 – CSSの貼り付ける場所が誤っている – 子テーマが読み込まれていない – キャッシュの削除し忘れ(ブラウザおよびキャッシュプラグイン) などが原因かと思います。
WordPressテーマSANGOの質問
見出し変更のCSSが反映されない
お世話になっております。
見出し2を変更したいのですが、反映されず標準のスタイルのままです。誤りをご指摘頂けましたら幸いです。
.entry-content h2 {
position: relative;
background: #eff4ff;
padding: 2px 5px 2px 20px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
}
.entry-content h2::before{
font-family: “FontAwesome”;
content: “\f041”;
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #81a1e4;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}