I have seen other posts with ways to replace the Congratulations confetti icon (congratulations.svg) but is there instead a way to hide it, possibly with CSS?
It worked fine on a couple of websites I tried on.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
I have seen other posts with ways to replace the Congratulations confetti icon (congratulations.svg) but is there instead a way to hide it, possibly with CSS?
Thanks!
Hello Daniel,
Thank you for reaching out to us.
Please try the following CSS for this purpose:
.amelia-v2-booking #amelia-container .am-fs__congrats-main img {display: none !important;
}
Let me know if that works for you or not.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
No that hasn't worked.
Hello Daniel,
Which booking form are you using on the front-end?
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Booking Form 2 and Catalog Booking Form 2.
I have tested both after adding that CSS and hasn't worked on either.
Hello Daniel,
Thank you for the update on this.
Please try the following CSS for this purpose:
#amelia-container > div.am-fs__main.am-fs__main-mobile > div > div.am-fs__main-content.am-fs__congrats.am-fs__main-content > div.am-fs__congrats-main > img{ display: none !important; }
Let me know if that works for you or not.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
No, sorry that still hasn't worked.
Hello Daniel,
It worked fine on a couple of websites I tried on.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
If you need help with adding custom JS to the page, please take a look at this article.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thanks Uros, have just been playing around with the CSS you first sent me and have mananged to get it to work with just the following:
#amelia-container .am-fs__congrats-main img { display: none !important; }Basically what you suggested but without
Hello Daniel,
Glad to hear that you managed to find the correct hide.
I will have this ticket closed now.
Kind Regards,
Uros Jovanovic
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables