[ 解決済 ] LightningProでヘッダー上部エリア編集方法について

VWSとは フォーラム Lightning [ 解決済 ] LightningProでヘッダー上部エリア編集方法について

[ 解決済 ] LightningProでヘッダー上部エリア編集方法について

  • このトピックには4件の返信、2人の参加者があり、最後にmasaにより4年、 5ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #37377

    masa
    閲覧者

    お世話になります。
    ヘッダー上部エリアのカスタマイズの方法について質問です。

    変更したい箇所は以下、2点です。
    ・右側メールアイコンをカートアイコンに変更する方法
    ・キャッチフレーズ部分とGoogleなどの説明部分の表示する内容を変える方法

    このサイトで作成されているショップサイトを作りたく思っております。

    アドバイスのほどよろしくお願い申し上げます。

    Attachments:
    You must be logged in to view attached files.
    #37388

    DRILL LANCER
    モデレーター

    ・右側メールアイコンをカートアイコンに変更する方法
    →下記コードで一旦メールマークを消した後

    .headerTop_contactBtn i.fa-envelope {
        display: none;
    }

    外観 > カスタマイズ > Lightning ヘッダー上部設定 の「お問い合わせボタンの文字」に
    <i class="fas fa-shopping-cart"></i>カートと入力しているようです。

    ・キャッチフレーズ部分とGoogleなどの説明部分の表示する内容を変える方法
    トップページを固定ページにして、その抜粋欄に入力した内容が優先されるようです。

    Attachments:
    You must be logged in to view attached files.
    #37393

    masa
    閲覧者

    DRILL LANCER 様

    アドバイスありがとうございます。

    ・右側メールアイコンをカートアイコンに変更する方法
    →下記コードで一旦メールマークを消した後
    .headerTop_contactBtn i.fa-envelope {
    display: none;
    }

    ですが、どの様な手順でこのコードを使って消せば良いでしょうか?

    申し訳ありませんがアドバイス頂けたら幸いです。

    #37395

    DRILL LANCER
    モデレーター

    下記コードを下記のいずれかに記述すれば OK です。

    • 外観 > カスタマイズ > 追加CSS
    • 子テーマの style.css
    .headerTop_contactBtn i.fa-envelope {
        display: none;
    }
    #37423

    masa
    閲覧者

    DRILL LANCER様

    的確なアドバイスありがとうございます。
    やりたいことが、記載の方法で解決できました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。