NOVAカスタマイズ

ソーシャルボタンの前にテキストを表示する

ソーシャルボタン（シェアボタン）の前に「シェアしてもらえると嬉しいです」のようなテキストを表示するカスタマイズです。


コード

カスタマイズ方法は以下を参照ください

CSS（スタイルシート）で簡単カスタマイズSIRINOVA

 

/* シェアボタン上のテキスト */
#share:before {
    display: block;
    content: "テキスト";
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 12px;
    color: #999;
}

 

スタイル解説

  • content: "テキスト";

    • 表示するテキストです。好きな文章に変えてください。

  • font-size: 16px;

    • 文字サイズです。大きくする場合はスマホ表示を考慮しましょう。

  • font-weight: bold;

    • boldをnormalに変更すれば太文字を解除できます。

  • text-align: left;

    • leftをcenterに変更して中央表示にできます。

  • color: #999;

    • 文字色です。もっと黒くしたい場合はNOVA標準黒テキストの#333に変更してください。