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

2018/9/28

このトピックには3件の返信、1人の参加者があり、最後にかなちゅうにより3年、 7ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 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さん、お返事ありがとうございます。
  
  色指定もきちんと完了できました。
  
  ほんとうにありがとうございました。
投稿者

投稿

3件の返信スレッドを表示中

トピック「トップページタイトルの.entry h2 aについて。」には新しい返信をつけることはできません。