Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #866036

    allancaeg
    Participant

    Text Type has been working for me, but now the blinking cursor displays like the attached image

    You can see the text type live on http://www.northbound.io/

    How do I fix this?

    #866514

    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To find the cause, first remove any custom JavaScript code that you have entered into the Customizer, Custom > JavaScript section.

    If that doesn’t resolve, please try disabling your 3rd party plugins.

    Let us know how it goes.
    Thanks!

    #867146

    allancaeg
    Participant

    I found the culprit. Unfortunately, it’s ConvertPlug that comes with X…

    What can be done for this to be fixed? ConvertPlug is useful for me right now?

    #867569

    Zeshan
    Member

    Hi Allan,

    Thanks for writing back!

    To resolve the issue, add following CSS under Custom > CSS in the Customizer:

    @-webkit-keyframes blinked {
      0% {
        opacity: 1;
      }
    
      50% {
        opacity: 0;
      }
    
      100% {
        opacity: 1
      }
    }
    
    @keyframes blinked {
      0% {
        opacity: 1
      }
    
      50% {
        opacity: 0
      }
    
      100% {
        opacity: 1
      }
    }
    
    .x-text-type .typed-cursor {
      -webkit-animation: blinked 1s infinite !important;
      animation: blinked 1s infinite !important;
    }
    

    Hope this helps. 🙂

    Thank you!