ヘッダーメニュー「購入する」のボタン化 < SWELLに関する質問

フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。

通知

すべてクリア

[解決済] ヘッダーメニュー「購入する」のボタン化

SWELLに関する質問

3 投稿

2 ユーザー

2 Likes

1,459 表示

RSS

uch

(@uch)

Eminent Member

Topic starter

swellの公式サイト上のヘッダーメニューにある「購入する」のボタンと同じ様にボタン化するにはどうすれば良いでしょうか？

投稿済 : 02/10/2019 8:45 am

了(開発者)

(@ryo)

Illustrious Member Admin

「ヘッダー内部」ウィジェットエリアに、「カスタムHTML」というウィジェットアイテムを設置しています。

SWELL公式サイトでは以下のようなHTMLになっています。

<div class="mv_btn btn_n">
  <a href="https://swell-theme.com/download/" class="btn_text">
    <i class="icon-shopping_cart"></i> 購入する
  </a>
</div>

さらに、カスタマイザーの「追加CSS」にて、以下のようなCSSを追記し、微調整しています。

.head_inner .mv_btn{
  margin: 0;
}
.head_inner .mv_btn .btn_text{
  padding: .5em 1.5em;
  text-decoration: none;
}

投稿済 : 03/10/2019 2:16 am

ゆう reacted

uch

(@uch)

Eminent Member

Topic starter

無事設置出来ました。有難う御座いました。

投稿済 : 07/10/2019 8:49 am

共有: