サポート » テーマ » css編集で困っております。教えて下さい

  • http://aqua-mermaid.net/?page_id=2

    上記のページを作成しているのですがベースは購入したテーマです。
    このページの「Fixed page 1」とページタイトルがあるところの横に
    フォークとナイフのマークがあります。
    このマークですがイメージではなくページそのものに張り付いているものらしいのですが
    テーマのフォルダ内をどこを見てもテンプレートが見当たらず困っております。

    行いたいことはこの「マークを無くしたい」
    ので、読み込んでいるベースを探してフォトショかイラレで編集できたらと思います。

    なにか手段がわかる方教えて下さい。
    またcss系は詳しいわけではないのでわかりやすく説明していただけると幸いです。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • レストラン・サイト用のテンプレートのようですね。
    他の業種に対応させるための、カスタマイズ用のpsdなどが一緒に購入したファイルに含まれていませんでしたか。

    公式サイトにあるテーマだとテスト環境にインストールして確認してみるのですが、
    今回はそうも行きませんので固定ページのスタイルシートをのぞかせていただいたのみです。

    <div class="page_title_ribbon"><i class="icon-food"></i></div>
    <div class="page_title_ribbon_shadow"></div>

    の i 要素でフォークとナイフのマークが定義されているようです。
    恐らく、テーマ・オプションで変更できるようになっていないでしょうか?
    (WordPressをインストールしたディレクトリ)/wp-content/theme/dine-and-drink/ディレクトリに/image というディレクトリがあるかもしれません。
    そこにフォークとナイフのマークのイメージがあったら、それを作り替えれば対応できるかと思います。

    レストラン用のテンプレートをあなたのサイト向けにカスタマイズするためにはまだまだ対処する箇所が隠れていそうです。

    ぱっと見て調べただけですが
    http://aqua-mermaid.net/wp-content/themes/dine-and-drink/font-awesome/css/font-awesome.min.css
    内で設定してあるフォントです。
    class="icon-food"で呼び出されているので、このクラスを外してご自身で用意された画像などに差し替えれば解決するかと思います。

    おっと。被ってしまいました。

    それとモデレーター様。
    お手数ですがスレッドの移動をお願い致します。

    なるほどアイコンフォントですね。
    EisukeAkimoto さん、ありがとうございます。
    勉強になりました。ざっとスタイルシートを見ただけでした。

    sundflower さん、
    .icon-food:before{content:”\f0f5″;}
    でフォークとナイフのマークになっていました。
    ご利用のサイトでふさわしいフォントに差し替えれば済みそうです。

    例えば
    .icon-female:before{content:”\f182″;}
    マークはこういうものです
    http://fortawesome.github.io/Font-Awesome/icon/female/

    トピック投稿者 sunflower

    (@sundflower)

    みなさん ありがとうございます。
    上記を参考にちょっとやってみます。

    トピック投稿者 sunflower

    (@sundflower)

    http://aqua-mermaid.net/?gallery=gallery-2&preview=true&preview_id=84&preview_nonce=8727bd3966

    アイコン変更できました!!!!
    ありがとうございます!!!!!

    リーフとは良い感じになりましたね。
    残念ながら、ギャラリーページは権限がないということで見ることが出来ませんでしたが。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「css編集で困っております。教えて下さい」には新たに返信することはできません。