Create Scrolling Text & Images Using HTML

There’s different ways to add HTML effects to your theme.

Adding Scrolling Text Anywhere In Your Theme

No need to install Javascript to make your text or images scroll like a ticker tape.

Bouncing ball

All you do then is paste the HTML code wherever you want to output the effect. You can paste in anywhere in your themes template file but this really isn’t best practice.

The best options are to:

The code works best using the Genesis Simple Hooks plugin when pasted into the genesis_after_header or genesis_before_header hook.

Lets check out some examples of what can be achieved without any knowledge of coding.

Scrolling Text Up

Create Cool Effects Using HTML

Bouncing Text Left To Right

Bouncing Text With Scrolling Effect

Scrolling Text With Colored Background

Scrolling Text With Colored Background

Scrolling Image

Scrolling Text With Background Image

Scrolling Text With Background Image

You can also add images, HTML links and much more using HTML Marquee effects.

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.