Success / Error messages

After switching the animation effects for some elements, the success / warning / error messages seem to be displayed incorrectly (container position and size).

https://i.ibb.co/s9VdZXt/err.jpg

Is this something controlled by the theme style?

Hello,

I saw the screenshot you attached.

Please provide some relevant screenshots, From Where did you enable animation effect on the success and error messages. The only option in the Theme Settings are available to change the background of the messages. That you can access from Theme Settings >> Styles & Colors.

Screenshot for Clarification: https://ibb.co/0nQ79m5

Best Regards.

Hi Aizaz,

The only change is to add a “slideInLeft” CSS animation from Visual Composer to the column holding the contact form: details here
As far as I can see in Web Inspector all style of the div containing the message comes from style.min.css. However, once the animation is added, seems that the style does not work anymore and the div is subject to slideInLeft animation.

Thanks!

Hello,

I saw the screenshot you attached. The visual composer animate class doesn’t work for those elements.

The Error and success message are coming from contact form 7 and the only option in the theme settings available are to change the background and the font color of the messages as you can see in the following screenshot: https://ibb.co/0nQ79m5

Best Regards.

Hello Aizaz.

What do you mean does not work? That is the problem, that the animate conflicts with style.min.css and the error message will not longer be sticky on the page bottom…

Problem has been fixed meanwhile by changing the css property animation-fill-mode to backwards within the VC custom css. Topic can be closed.

Hello,

We are Glad that you Resolved the issue by yourself. You are Great!!

Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

Have a wonderful day.

Topic Closed.
Best Regards.

[Author]

Posts