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

Simplicityの特徴 フォーラム Simplicityについての質問 トップページタイトルの.entry h2 aについて。

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

  • 投稿者
    投稿
  • #60843

    かなちゅう

    お世話になります。

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

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

    ” alt=”” />

    よろしくお願いいたします。

  • #60844

    かなちゅう

    すみません。

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

    <a href="http://” rel=”noopener” target=”_blank” />

  • #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 の指定もされると、アイコンの色を変更できます。

  • #60846

    かなちゅう

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

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

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

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

スポンサーリンク
アドセンス(大)
アドセンス(大)