Manipulating circle text before/after hover

Do you have a “js” folder in your Child Theme?

What’s in it?
Also do you have a functions.php file, what’s in that?

Edit: Pastebin updated again.

1. Create a new file in your “js” folder and call it “manipulate-circle-text.js”.
2. Edit that “manipulate-circle-text.js” file you just created and add all of the code from this PasteBin page: http://pastebin.com/DwAZL4Fm
3. Save that file
4. Edit your “style.css” file in your Child Theme
5. Add this style to your “style.css” file (of your Child Theme):

   .otherChars {
    position: absolute;
    left: -9999em;
   }

6. Edit your functions.php file of your Child Theme
7. In your functions.php file (of your Child Theme) add this function:

   function mainScripts() {
    wp_enqueue_script( 'manipulateCircleText', get_stylesheet_directory_uri() . '/js/manipulate-circle-text.js', '', '1.0', true );
   }
   
   add_action( 'wp_enqueue_scripts', 'mainScripts' );

8. Save that file.