Problem with css animation

Hello. I assume After the last Wpbakery update, woodmart Wpbakery elements stopped working correctly. And in particular Css animation. As soon as you turn on the animation for any of the theme elements, this block becomes completely white and inconspicuous when you go to a page outside the Wpbakery editor. although in the editor itself these blocks are visible. Through long trials, I found out that the problem is in CSS animation. any other setting does not have this effect. And one more observation. If there is a standard block from wbbakery on the page (for example, a button or a text block) and CSS animation is assigned to it, then this block works correctly and subsequent blocks added by woodmart also work correctly. That is, in order to see the normal look and style of the woodmart element with animation (not a white square with white text) I have to add another standard element from wpbakery to this page. tell me why this can happen. Thank!

Attachments:

You must be logged in to view attached files.

Hi,

Try to add the following PHP code snippet to the child theme functions.php file to fix this http://prntscr.com/nr8vh5

wp_enqueue_script( 'woodmart-waypoint', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.2/waypoints.min.js', array( 'jquery' ), woodmart_get_theme_info( 'Version' ), true );

Regards

Thanks for the quick response. I added this part of the code, now the elements are displayed in color, the parallax buttons work well. but the animation does not work if it is only assigned to the woodmart element. and it still works if there is a standard wpbakery element (text block for example) below are two links for your understanding. one – only woodmart elements with css animation. the second is standard and woodmart elements with animation.

1) https://studiogreenwich.ru/product/artvud-svetlyj-k083
2) https://studiogreenwich.ru/product/alyuminij-0881

Спасибо!

Attachments:

You must be logged in to view attached files.

Hello,

Could you please disable all plugins that are not related to our theme and provide us your admin and FTP access so we can check it?

Thank you in advance

Да, пожалуйста!

and there is still one question (I don’t know whether to create another topic or not, so I’ll write here).
How can you make the list style in the frontend, the same as in a text editor. I want the list to have indents and numbering (marking). I have a TinyMCE plugin, where you can choose the type of numbering and marking, if you choose something other than the default, then this is displayed in the frontend (letters instead of numbers). but when there is a default in tinymce, then there is nothing. And I need standard markers and numbering. Well, the question about the indentation (in the screenshot you can see) when I choose non-standard characters, the numbering gets out of the block. and I need all the text to start with a single line, and it was like a list in a text editor.

Attachments:

You must be logged in to view attached files.

Try to add the following CSS as well

function woodmart_get_css_animation( $css_animation ) {
		$output = '';
		if ( $css_animation && $css_animation != 'none' ) {
			wp_enqueue_script( 'waypoints' );
			wp_enqueue_style( 'animate-css' );
			wp_enqueue_style( 'vc_animate-css' );
			$output = ' wpb_animate_when_almost_visible wpb_' . $css_animation . ' ' . $css_animation;
		}
		return $output;
	}

Artem, thank you so much. It works great. I do not know what I would do without you) One problem was solved. And I would really like to deal with the lists.

Could you please send us a link to your website where we can see this issue?

Kind Regards

Yes of course this page.

https://studiogreenwich.ru/privacy-policy

But this problem applies to all listings on the site. I want their display to be similar to what is in a wordpress text editor. you need to have padding + -20px and put down the numbering and marking for all lists on the site. Well, it would be nice to increase the height line in the list. Thank!

You have some extra HTML tags there that break the style https://gyazo.com/9d507378370027e2ca0c7b801c0f8313
You need to clean your HTML from any extra tags.

I am very weak in the code, I would be grateful if you could suggest how this can be done (remove tags) and where could these tags come from? Thank!

Maybe you have copied that code from some website and it copied the text with all the markup. You need to switch to text mode and clean all the HTML tags from there.

Now I understood and solved this problem. as text pasted and edited. Now everything is fine. Artem, thanks for the timely and accurate answers. I did not regret that I purchased your product !!!

Great, you are welcome.

[Author]

Posts