「クーポンの欄」が非表示にならない

  • 解決済 mrsmith11

    (@mrsmith11)


    3年、 2ヶ月前

    いろいろやってみましたが、全然わからないので質問させてください。

    「クーポンの欄」が非表示にならないです。

    テーマの追加CSSで、

    .coupon{
    display:none;
    }

    と指定しているのですが、PC表示では、きれいに消えるのですが、タブレットとスマホ表示では、なぜか表示されたままです。

    タブレットとスマホ表示でも「クーポンの欄」を非表示にする方法はどのように記述すればいいのでしょうか？

    以下のテーマを使用しております。

    Shopstar! By Out the Box
    Version: 1.1.0

    ※購入に対してポイントを付与するプラグインを使用しているので、「クーポンを利用する設定」でなければならず、非表示にするには、CSSをいじるしか他ありません。

    対処法をご存じの方おりましたらお教えいただけないでしょうか。

    よろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • munyagu

    (@munyagu)

    3年、 2ヶ月前

    こんにちは

    そのクーポンのプラグインが何というものか分からないですが、CSS で消すなら

    .coupon{
  display:none !imporant;
}

    で消えないでしょうか。

    しかし、その欄を利用されてはマズいのであれば、フィルターフックか何かでその HTML 自体が出力されないようにした方が良いのではないかな、と思います。

    トピック投稿者 mrsmith11

    (@mrsmith11)

    3年、 2ヶ月前

    ありがとうございます。

    やってみましたが、やはりスマホとタブレット表示では消えないです。

    いまは、

    .coupon{
visibility:hidden;
}

    で消しているのですが、スペース分が消えてなくて・・・。

    display:noneでバッチリそのスペース分も消したいのですが、なぜかスマホとタブレット表示だと、ひょうじされるままなんですよね・・・。

    謎です・・。

    shokun0803

    (@shokun0803)

    3年、 2ヶ月前

    mrsmith11さん、こんにちは。

    スマホ、タブレット表示はメディアクエリでCSSを書く必要があると思います。
    別の質問でもCSS部分で迷われているようですが、CSSの基礎のような部分ですので、まずはCSSの記述を調べられるようになるところから始めてみましょう。
    ブラウザのデベロッパーツールを駆使することと、CSSがどこにあたっていて、どの順番で処理されているのか（munyaguさんの !imporant 表記もそうですね）理解できるようになると思うような改修ができるようになります。

    学習して損になることはありません、是非トライしてみましょう。
    ご参考になれば。

    トピック投稿者 mrsmith11

    (@mrsmith11)

    3年、 2ヶ月前

    ありがとうございます。
    メディアクエリでimportantをつけたら、無事解決しました。

    CSSは現在勉強中ですが、追いついていません。

    どうしてもわからないときはここで質問しているのですが、勉強になります。
    ありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「「クーポンの欄」が非表示にならない」には新たに返信することはできません。