Creating a text box within a blog post or page is just one way to make a portion of your article’s text pop. My suggestions on what to use this text box method for: quotes, your opinions or thoughts scattered throughout an article, or to make the main ideas stand out to your readers. What else could we use this for?
Thankfully, it’s not too difficult to create a text box in WordPress, using CSS code in your WordPress text editor.
Write your blog post out in the “add new post” section–as you would normally, in the Visual Editor tab. Then switch over to the Text Editor tab (both of these are on the upper right section of where you type your text).
Now it’s time to learn some code–or, at the very least, copy and paste some code! Locate the verbiage that you want inside the text box. At the beginning (no spaces!), place this line of code:
At the end of the text you want in the box, put this immediately after it:
is the same code that we use to separate paragraphs in WordPress.
If the gray’s just too bland for you, try out a different hex color number in the code:
This process of creating a text box within a blog post or page will work for both WordPress.com blogs or the self-hosted WordPress.org blogs!
Read a more techy version of the how-to, as well as learn how to input this code in your external CSS or set up a quicktag button, by heading over to Stephen’s article here: “WordPress – Simple CSS Text Boxes in Posts“.
As a blogger, website maintainer and more, with a B.A. in Journalism, I'd love to have the opportunity to set up a blog (like this one) for you! Click "hire me" for details!
Latest posts by Kristin (see all)
- How to add an app icon and browser favicon to WordPress sites - February 11, 2016
- Who is writing your posts? - January 9, 2015
- How to allow headings to wrap around pictures in WordPress - October 21, 2014