Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 25, 2018 at 3:15 pm #977535
    sir4you

    Hi guys,

    I would like to change the order of appearance the items from Number>Description to Description>Number in the Animated numbers tool

    In the middle of the page http://onepy.group/home/ I have an animated number section with the order image>number>text and I want it to be image>text>number.

    I also want the 3 counters to start and end at the same time. Therefore, the lower the number, the lower the animation speed. And viceversa. Greater the number, higher speed.

    Thanks in advance.

    Best regards.-

    • This topic was modified 6 years, 5 months ago by sir4you.
    June 26, 2018 at 3:28 am #977753
    Ismael

    Hey sir4you,

    Thank you for using Enfold.

    This is possible but you have to modify the config-templatebuilder > aviashortcodes > numbers > numbers.php file. Look for this code around line 342.

            		// add blockquotes to the content
        		$output  = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color '.$av_display_classes.' avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
        		$output .= 		'<strong class="heading avia-animated-number-title" '.$font_style.'>';
        		$output .= 		$before.$this->extract_numbers($number).$after;
        		$output .= 		"</strong>";
        		$output .= 		"<div class='avia-animated-number-content' {$font_style2}>";
        		$output .= 		wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
        		$output .= 	'</div></'.$tags[1].'>';

    Replace it with..

            		// add blockquotes to the content
        		$output  = '<'.$tags[0].' '.$style.' class="avia-animated-number av-force-default-color '.$av_display_classes.' avia-color-'.$color.' '.$meta['el_class'].' avia_animate_when_visible" '.$style.'>';
        		$output .= 		"<div class='avia-animated-number-content' {$font_style2}>";
        		$output .= 		wpautop( ShortcodeHelper::avia_remove_autop( $content ) );
				$output .= 	'</div>';
				$output .= 		'<strong class="heading avia-animated-number-title" '.$font_style.'>';
        		$output .= 		$before.$this->extract_numbers($number).$after;
				$output .= 		"</strong></".$tags[1].">";

    Best regards,
    Ismael

    June 27, 2018 at 4:30 am #978224
    sir4you

    Hi Ismael,

    Thanks again for your time.

    The first part was solved

    In the middle of the page http://onepy.group/home/ I have an animated number section with the order image>number>text and I want it to be image>text>number.

    But the second issue still pending

    I also want the 3 counters to start and end at the same time. Therefore, the lower the number, the lower the animation speed. And viceversa. Greater the number, higher speed.

    Thanks in advance.

    Best regards.-

    June 28, 2018 at 3:53 am #978687
    Ismael

    Hi,

    Thanks for the update.

    There’s no solution for the second issue though. It’s possible but it will require modifications that are beyond the scope of support. You can’t set the duration of a specific animated number element by default.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.