• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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:

  • Create widget areas
  • Use a Hook Plugin
  • Add conditional tags to your widgets by installing the widget logic plugin.

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.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags