Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. How to animate a background using text lines with the Typewriter animation

How to animate a background using text lines with the Typewriter animation

Scheduled Pinned Locked Moved General Discussion
11 Posts 2 Posters 347 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • arminunruhA Offline
    arminunruhA Offline
    arminunruh
    Global Moderator
    wrote last edited by
    #2

    thanks a lot.

    So what you can do is you go to Text Formats and create a character or a headline text format, and in the Decoration tab, enable Background. It kind of looks like this:

    grafik.png

    Then apply that format to your text. You may want to select your text in the text editor first and click the clear formatting button so we make sure that this character or headline format that you apply is the only one that we apply, the only text format that we apply.

    The clear formatting button is the button with the eraser icon.

    Okay, so now you apply this new format that has the background color.

    And then with the next Lay Theme update, the animation will work as you intend it to, because right now what you will see is that the background color of the text will simply just be already visible. Only the text will animate in on top of that, but with the next Lay Theme update it will work as you wanted. Have a great day!

    1 Reply Last reply
    0
    • AntoineA Offline
      AntoineA Offline
      Antoine
      wrote last edited by
      #3

      Hi Armin,
      thank you for your quick reply.

      OK, I see – I hadn’t thought of that solution with the text style; thank you.

      I’ve carried out all the settings and steps you told me to, as well as the latest update.

      Unfortunately, I’m still having two problems: I can’t centre my text with a background font (the text style doesn’t seem to support it), and the text animation with the background isn’t working properly. I’ve included a link to my test here so you can see for yourself.

      https://selah.fr/accueil/

      Thanks for your help!
      Antoine

      Capture d’écran, le 2026-06-29 à 20.25.59.png

      1 Reply Last reply
      0
      • AntoineA Offline
        AntoineA Offline
        Antoine
        wrote last edited by
        #4

        Capture d’écran, le 2026-07-08 à 11.09.16.png

        1 Reply Last reply
        0
        • arminunruhA Offline
          arminunruhA Offline
          arminunruh
          Global Moderator
          wrote last edited by
          #5

          hello can you please create a test page for me where i can see this?
          cause now the texts on the page have no background color

          1 Reply Last reply
          0
          • AntoineA Offline
            AntoineA Offline
            Antoine
            wrote last edited by
            #6

            Hi Armin,

            Great, thanks for your feedback.
            I’ve copied the page with the effect so you can see it: https://selah.fr/en/home-copy/

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote last edited by
              #7

              thank you so much. I'm gonna work on it.

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote last edited by
                #8

                ok it will be fixed with the next update!

                1 Reply Last reply
                0
                • AntoineA Offline
                  AntoineA Offline
                  Antoine
                  wrote last edited by
                  #9

                  Super ! Merci beaucoup Armin !

                  1 Reply Last reply
                  0
                  • AntoineA Offline
                    AntoineA Offline
                    Antoine
                    wrote last edited by
                    #10

                    Hi Armin, I’ve installed the latest update and the text display effect is working perfectly. The problem is, I made a mistake and deleted the pre-saved ‘typewriters’ effect – is it possible to restore the default settings? Many thanks. Antoine

                    1 Reply Last reply
                    0
                    • arminunruhA Offline
                      arminunruhA Offline
                      arminunruh
                      Global Moderator
                      wrote last edited by
                      #11

                      there is no way to restore this.

                      you can try

                      animation type: typewriter
                      duration: 0 ms
                      stagger: 40 ms
                      stagger easing: linear
                      delay: 0 ms

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      We also code custom websites or bespoke Lay features. Drop me a line at info@laytheme.com or check out my work at arminunruh.com.

                      Want to support my work? paypal.me/arminunruh

                      For paid 1-on-1 Lay Theme Coaching, contact Audrey (audrey@cyberslayers.work) or me (info@laytheme.com).

                      Before you post:
                      1. When using a WordPress Cache plugin, disable it or clear your cache.
                      2. Update Lay Theme and all Lay Theme Addons
                      3. Disable all Plugins
                      4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                      This often solves issues you might run into

                      When you post:
                      1. Post a link to where the problem is
                      2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                      3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                      Online Users
                      A
                      ac-rosebud
                      non-scienceN
                      non-science
                      Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                      laytheme.com
                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Search