トップページタイトルの.entry h2 aについて。

2018/9/28

このトピックには3件の返信が含まれ、1人の参加者がいます。9 ヶ月前にかなちゅうさんが最後の更新を行いました。

投稿者

投稿
2018年9月27日 11:59 AM #60843

かなちゅう

お世話になります。

トップページタイトルの.entry h2 aを
カスタマイズしたいと思っております。

タイトルの前に、Font Awesomeのアイコンを入れたいのですが、そのようなことは可能でしょうか？

” alt=”” />

よろしくお願いいたします。
2018年9月27日 12:01 PM #60844

かなちゅう

すみません。

うまく画像が載せられませんでした。

<a href="http://” rel=”noopener” target=”_blank” />
2018年9月27日 12:50 PM #60845
Akira
子テーマの style.css に、このような CSS を追加します。
```
.entry h2 a:before {
  content: '\f2b9';
  font: 24px / 1 FontAwesome;
  margin-right: 16px;
}
```
content には、アイコンの Unicode を使います。Unicode は、各アイコンからコピペができます。

http://netakiri.net/uploader/src/up0534.png

font は、フォントサイズ、行間、フォント名の順番で指定しています。変更が必要なのは、最初のフォントサイズ 24px だと思います。

margin-right は、アイコンと記事タイトル間の余白です。

color の指定もされると、アイコンの色を変更できます。
2018年9月27日 3:28 PM #60846

かなちゅう

Akiraさん、お返事ありがとうございます。

色指定もきちんと完了できました。

ほんとうにありがとうございました。
投稿者

投稿

トピック「トップページタイトルの.entry h2 aについて。」への新規返信追加は締め切られています。