サポート » テーマ » テーマ「chocolat」の右下のpagetopの茶色い花のような画像を違う画像にした

  • 解決済 braincafe

    (@braincafe)


    「chocolat」のテーマを使わせていただき、
    カスタマイズをしています。

    右下に出る茶色い花の様な形をしたpagetopのアイコンを
    違う形にしたいのですが、imgの中の画像を差替えても
    この部分だけは変わりません。

    ご指導いただければと想います。
    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • コメントがつかないようですね。
    テーマのサポート(ボランティアですが)へ書き込んでみてはどうでしょう。
    https://wordpress.org/support/theme/chocolat

    アドバイスありがとうございます。
    テーマのサポートに書き込んでみます。

    braincafeさん、私も詳しくないのでアドバイスにならないのですが
    pagetopのアイコンはアイコンフォントというものを利用しているみたいです。
    そのため画像ファイルを変えても表示が変わらないのだと思います。

    テーマ内の font/font-chocolat/ ディクレトリにあるファイルがアイコンフォントです。
    (例えば font-chocolat.ttf は TrueType 形式のフォントファイル)
    これを css/font.css の242行目から後の部分で pagetop の部分へ表示させています。

    こんにちは

    チャイルドテーマの、style.cssの末尾に以下を追加するといいと思います

    #pagetop .icon-c-pagetop:before{
        content:' ';
        display:block;
        width:85px;
        height:90px;
        overflow:hidden;
        background:url(http://example.com/images/your-background-image.jpg);
        background-size:cover;
    }

    ありがとうございます。早速、試してみます。

    アイコンフォトについて調べてみて
    「Font Awesome」とかいうプラグインを追加してみたり
    いろいろ試していたのですが、なかなか上手くいかなかったので。
    ありがたいです。

    結果をまた御報告します!

    結局、花の形の画像は消えて、三角形だけが残りました。とりあえず、今回はそれで進めています。ありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「テーマ「chocolat」の右下のpagetopの茶色い花のような画像を違う画像にした」には新たに返信することはできません。