• Resolved Bob Leggett

    (@boble7)


    I have this text that is centered:
    <p style=”text-align: center;”>Remember the Two Wolves?</p>

    Then I animate it and it generates this (the parts after the style):
    <p style=”text-align: center;”>[edsanimate_start entry_animation_type= “slideInLeft” entry_delay= “1” entry_duration= “1” entry_timing= “linear” exit_animation_type= “” exit_delay= “” exit_duration= “” exit_timing= “” animation_repeat= “1” keep= “yes” animate_on= “scroll” scroll_offset= “75” custom_css_class= “”]Remember the Two Wolves?[edsanimate_end]</p>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    But when it displays, it is on the left margin instead of being centered.
    Same thing if text has a color – the color attribute is ignored.

    • This topic was modified 9 years, 1 month ago by bdbrown.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter Bob Leggett

    (@boble7)

    … and then I want to animate text in my heading text
    How do I it if the existing code is this in my theme’s header.php:
    <h1 class=”site-title”><?php bloginfo( ‘name’ ); ?></h1>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    where I want ‘name’ to be animated .

    • This reply was modified 9 years, 1 month ago by bdbrown.
    Plugin Author eleopard

    (@eleopard)

    Dear Boble7,

    Thanks for using the Animate It!

    Instead of:

    <p style=”text-align: center;”>
    	[edsanimate_start ...]
    		Remember the Two Wolves?
    	[edsanimate_end]
    </p>

    Please try:

    [edsanimate_start ...]
    	<p style=”text-align: center;”>
    		Remember the Two Wolves?
    	</p>
    [edsanimate_end]

    Regarding your other query, you can create a child theme, and paste the header.php file there, and then add the CSS classes by generating them in the Class Generate here:
    http://downloads.eleopard.in/class-generator-wordpress

    Please let me know if this works.

    Thread Starter Bob Leggett

    (@boble7)

    Thanks, the first part works. I’m working on the second (hdr) part now.
    Thanks for your help! Love the plugin.

    Thread Starter Bob Leggett

    (@boble7)

    Ok, here’s the portion of code in my child header.php:

    <div class=”site-branding”>
    ” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
    <h1 class=”site-title”><?php bloginfo( ‘name’ ); ?></h1>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    
    </div><!–.site-branding–>

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    And this is the generated code from your link:
    animated bounceInUp duration4 eds-on-scroll

    I changed “site-title” to “animated bounceInUp duration4 eds-on-scroll” and it bounces up but the text color is lost – shows as color: Inherit, but was #fff white before.

    Sorry I’m not versed well yet in html…thanks for your help!

    • This reply was modified 9 years, 1 month ago by bdbrown.
    Plugin Author eleopard

    (@eleopard)

    Dear Boble7,

    You need to add the CSS classes to the existing class.

    So,
    <div class=”site-branding”>

    Becomes
    <div class=”site-branding animated bounceInUp duration4 eds-on-scroll”>

    Please note the class “site-branding” is not removed.
    Let me know if this works for you.

    • This reply was modified 9 years, 1 month ago by eleopard.
    Thread Starter Bob Leggett

    (@boble7)

    That worked – but I put it with the ‘site-title’ instead of ‘site-branding’ and it worked great.
    Thanks for your help!

    Plugin Author eleopard

    (@eleopard)

    Glad to know it worked 🙂
    Feel free to let me know if you face any other issues.

    Please take a few mins of your time to write some good words
    https://ww.wp.xz.cn/support/plugin/animate-it/reviews/

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Text attributes not being used’ is closed to new replies.