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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems