解決済ショートコードを画像に変更したい

フォーラム 使い方全般 【解決済】ショートコードを画像に変更したい

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

    現在LPページで販売するサイトをショートコードを使ってかごに投入できるように
    試行錯誤している段階です。

    ショートコード【 [button_to_cart item=”item_code” sku=”sku_code” value=”text”] 】
    を記載し標準のボタンを表示するところまではできたのですが、ページのサイズに対して
    ボタンのサイズが小さくなってしまうため、「かごに入れる」のボタン(画像)にして
    目立つようにしたいと考えています。

    いろいろ検索して

    .skubutton{
      background-image: url(images/cart_btn.png); //使う画像を指定
      background-repeat: no-repeat;
      width: 432px; //画像の幅
      height: 90px; //画像の高さ
      padding: 0px;
      margin: 0px;
      border:none;
      cursor:pointer;
      overflow:hidden;
      display: block;
      text-indent: 500px;   //テキストを画像エリアから飛ばす
    }

    を追加するということだったのですがどこのファイルに追加すればいいのでしょうか?

    思いつく限りのファイルに記載してみましたがいまいち反映されず、
    外観→カスタマイズ の追加CSSへ記載してみたところ、デフォルトのサイズの枠分の縦幅サイズの
    画像の一部分だけが表示されてしまい困っています。

    足りない情報がありましたら追記させていただきます。
    分かりにくい説明かもしれませんがご教示いただけますと幸いです。

    ——————————————-
    WordPress のバージョン: 5.5
    Welcart のバージョン:1.9.29
    ご利用のテーマ:Elementor
    症状を確認したブラウザ:Chrome
    サーバー(会社名、サービス名):heteml
    SSLの利用: 無し
    ——————————————–

    Attachments:
    You must be logged in to view attached files.
    #95668
    moemoe
    参加者

    回答ありませんでしたが、別の手段で自己解決しました。
    ありがとうございました。

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