Blinking Dot Animation

This code adds a blinking dot before the title in a responsive text box like you see in this animated gif.

Blinking Dot Animated in Genesis

The blinking dot, displays perfectly inline with the text when the box is resized on smaller screens and works in all major browsers including Chrome, Firefox & Safari, as seen in the following demo video.

Demo Video

Shows the blinking dot animation displaying inline within the text box on desktops and mobile screens.

Installation Steps

There’s 2 steps :

  1. # Copy and paste the PHP code to the end of your child themes functions file.
  2.  

  3. # Copy & paste the CSS to the end of your child themes style.css file and clear caching.
  4.  

Download Folder

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.