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

[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.

[moemoe]

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

[投稿者]

投稿