WordPressテーマSANGOの質問

見出しの肉球アイコンをダイヤモンドアイコンに変更したい

アバター
オカベ坊や

サルワカ様、いつもお世話になっております。

すみません、初歩的な質問になってしまうことを知りつつも、つまづいてしまいましたので、教えてくださいませ。

見出し34の肉球マークを同じくFont Awesome内のダイヤモンドマーク(f3a5)にしたいのですが、どうすればよろしいでしょうか?

お手隙の際に、御指南いただけますと幸いです。
どうぞよろしくお願い申し上げます。

見出しの挿入方法と種類一覧
見出しの挿入方法と種類一覧
コメントへの回答
サルワカくん
サルワカくん
2019/11/25

お世話になっております。
以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付けることで、肉球がダイヤモンドになるかと思います。

.hh34:before {
    content: "\f3a5";
}

よろしくお願いします。

アバター
オカベ坊や
2019/11/25

ご返信ありがとうございました。

早速試してみたのですが、変わりませんでした。。。何が原因かわからず、もし助けていただけますと幸いです。

ご迷惑をおかけいたしますが、よろしくお願い申し上げます。

サルワカくん
サルワカくん
2019/11/25

なんと、失礼いたしました。
CSSの適用の優先順位で負けていたようです。
さきほど貼り付けたCSSを以下のように変更していただけますか?

#inner-content .hh34:before {
    content: "\f3a5"!important;
}

よろしくお願いします。

アバター
オカベ坊や
2019/11/25

サルワカ 様、

どうもありがとうございました!無事肉球からダイヤモンドに変更できました。

もう質問しないので最後に質問させていただいてもよろしいでしょうか。

私が使いたいダイヤモンドは、面が塗られているダイヤではなく

線画のダイヤなのですが、

変えかたをすみません、ご面倒をおかけし申し訳ございませんが教えていただけますと幸いです。どうぞよろしくお願い申し上げます。

サルワカくん
サルワカくん
2019/11/25

その場合、以下のようにfont-weightで500を指定すればOKです。

#inner-content .hh34:before {
    content: "\f3a5"!important;
    font-weight: 500!important;
}

よろしくお願いします。

アバター
オカベ坊や
2019/11/25

ご返信ありがとうございました。何度も聞いてしまい大変お手数をおかけいたしました。希望のダイヤモンドが出せて感激しております。この度はどうもありがとうございました。