- このトピックには9件の返信、3人の参加者があり、最後に
により7ヶ月前に更新されました。
-
投稿
-
キタジマ様
お世話になります。
下記の質問事項にお答えいただけますと幸いです。
【お使いの Snow Monkey のバージョン】 25.1.4
【お使いの Snow Monkey Blocks のバージョン】 20.3.0
【お使いの Snow Monkey Editor のバージョン】 9.3.0
【お使いの PHP のバージョン】 7.4
【お使いのブラウザ】 GoogleChrom
【当該サイトのURL】 https://www.demo-kaitori.local-web-creation.com/application/### 発生している問題
問い合わせ完了画面においてプログレストラッカーを消したい。### 試したこと
.snow-monkey-form[data-screen="invalid"] .contact-form-wrapper{ display: none; }を記述したが消えませんでした。
お忙しい中申し訳ありませんが、ご確認のほど、宜しくお願いいたします。
いいねをした人: 居ませんプログレストラッカーのみを CSS で非表示にしたい場合は、以下のコードで実現できるかと思います。
.smf-progress-tracker { display: none; }必要であればクラスを付与して絞り込んでみてください。
いいねをした人: 居ませんOlein_jp様
早速のご返信ありがとうございます！
無事に消えました。問い合わせフォームの完了画面のみプログレストラッカーを消す方法をご存知であれば
ご教授いただけますと幸いです。追加の確認となり申し訳ございませんが、
宜しくお願いいたします。いいねをした人: 居ません.snow-monkey-form[data-screen="complete"] .smf-progress-tracker { display: none; }これでいけそうですね。
いいねをした人:キタジマ様
お世話になります。
いただいたアドバイスを参考に実装してみましたが、
下記のように消せない箇所がございます。【問題点】
問い合わせ完了画面にて文章と背景が残ってしまう【試したコード】
.snow-monkey-form[data-screen="complete"] .contact-form-wrapper::after{ display: none !important; } .snow-monkey-form[data-screen="complete"] .contact-form-contents{ display: none !important; }※プログレストラッカーは下記のコードで消えました
.snow-monkey-form[data-screen="complete"] .smf-progress-tracker{ display: none; }文章と背景を消す手段についてアドバイスいただけますと助かります。
宜しくお願いいたします。
いいねをした人: 居ません.contact-form-wrapperと.contact-form-contentsがちょっとどこにあるかわからなかったのですが、Snow Monkey Forms の外側にある要素は Snow Monkey Forms ではコントロールできないので、Snow Monkey Forms の内側の要素に CSS をあててデザインするようにするか、.snow-monkey-form[data-screen]を js で監視して変化があったら外側の要素の class も書き換えるようにするかのどちらかになるのかなぁと思います。いいねをした人: 居ません
- このトピックに返信するにはログインが必要です。