How to put a text scroll box inside of WordPress Post

What coding to used enable to have a text scroll box in WordPress Post

(Important Note: By doing this, I expected you have an internet connection and your own webhost or webserver on your localhost. I’m not held any responsible for misused of the said instructions.)

The insertion of the text scroll box inside the WordPress post, saves some spaces and enable the readers to scroll tiny bit of information. Using the WordPress HTML Editor, you can edit and insert the HTML tags to have a text scroll box.

1. Login to your WordPress account, from your Dashboard, add a New Post.

How to put a text scroll box inside of WordPress Post

2. From New Post, click the HTML Text Editor.

How to put a text scroll box inside of WordPress Post

3. You need to copy and paste the code below to your WordPress HTML Text Editor: (sample screenshot is a guide to you…)

<div style=”border: 3px solid red; overflow: auto; height: 400px; width: 400px; color: black; background-color: green;”>insert your speech here or couple of footnotes</div>

How to put a text scroll box inside of WordPress Post

border: 3px – is the border of the box, you can choose it from 1px, 2px,….

height: 400px; width: 400px – change the number to change size of the box

color:black – change the text color (red, blue, …)

background-color: green – change the background color (red, blue, …)

Sample output would be like this:

How to put a text scroll box inside of WordPress Post

That’s it. Hopefully this helps you out 🙂

Related Links / Articles / Entries / References / Sources:

WordPress.org – Official Site

Related Posts Plugin for WordPress, Blogger...
Share

3 comments

  1. linda says:

    my goodness it works! love it! thanks a bunch!

  2. charice says:

    kinda hard to do, but i make it through, on this guide. a big thanks for the author.

  3. natasha says:

    this guide makes everything easy to do… thanks.