Lightened up my css file and now my Toast popup is broken

3 replies · opened Mar 27, 2022

LLeveluMar 27, 2022

Hey i was optimizing my website by removing some codes and I messed up my toast popup. What are the codes required to make it show up after a form submission. here are the screenshots and the live url is attached.

SSemicolon WebSTAFFMar 28, 2022

Hello,

Please make sure that all the .toast related CSS Blocks are included in your style.css File from the css/bootstrap.css File.

This should automatically fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

LLeveluApr 23, 2022

hey I added all the toast files but still get the same errors, you can check at this url https://levelu.co/contact

SSemicolon WebSTAFFApr 24, 2022

Hello,

The CSS Codes for the Notifications required are all missing. Since the CSS is heavily customized, you will need to identify the Class used for the Notifications manually. There are many classes like .position-fixed, .top-0 and .end-0 that are missing along with .bg-success Class. These are utility classes and used through Canvas. Removing these will cause issues for many other components. Make sure that you are removing only those components that you are sure about removing as these might cause unnecessary issues.

Hope this Helps!

Additionally, since these issues are arising due to heavily customized CSS Files, this is out of scope of support because it is hard to track the changes you have made. We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard