Home › Forums › WoodMart support forum › Problem with css animation

Problem with css animation

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 21, 2019 at 12:04 am #124777

    Ursulin
    Participant

    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.
    May 21, 2019 at 6:23 am #124809

    Artem Temos
    Keymaster

    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

    May 21, 2019 at 9:06 am #124869

    Ursulin
    Participant

    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.
    May 21, 2019 at 9:17 am #124876

    Artem Temos
    Keymaster

    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

    May 21, 2019 at 9:37 am #124882

    Ursulin
    Participant

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

    May 21, 2019 at 9:52 am #124884

    Ursulin
    Participant

    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.
    May 21, 2019 at 9:58 am #124887

    Artem Temos
    Keymaster

    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;
	}
    May 21, 2019 at 10:17 am #124893

    Ursulin
    Participant

    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.

    May 21, 2019 at 11:12 am #124910

    Artem Temos
    Keymaster

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

    Kind Regards

    May 21, 2019 at 11:28 am #124920

    Ursulin
    Participant

    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!

    May 21, 2019 at 12:22 pm #124933

    Artem Temos
    Keymaster

    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.

    May 21, 2019 at 12:31 pm #124945

    Ursulin
    Participant

    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!

    May 21, 2019 at 12:32 pm #124946

    Artem Temos
    Keymaster

    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.

    May 21, 2019 at 12:47 pm #124949

    Ursulin
    Participant

    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 !!!

    May 21, 2019 at 1:03 pm #124953

    Artem Temos
    Keymaster

    Great, you are welcome.

  • Author
    Posts

Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Problem with css animation’ is closed to new replies.