WordPress – Colour Selector For Text Boxes in Posts

June 25th, 2007 by Stephen Cronin (Please wait) [Shortlink]

In recent posts, I outlined how to create both simple and rounded text boxes within a post. I’ve now created a Colour Selector for both types of text boxes, which allows you to select colours you want, see a preview of the text box, then gives you the code for it. Try it below! (may take some time to load the image)

Colour Selector

Type Of Box
Rounded TextBox
Simple TextBox – External CSS
Simple TextBox – Inline CSS
Area To Colour
Background Colour
Font Colour

Preview:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Code:

Copy the following code to the end of your external CSS file. See my rounded text boxes post for information on this and on calling the style.
Code will go here when generated

Note: If your background is not white, you will need to replace the #FFF with the appropriate hex code for your background colour. If you are unsure what your background colour is, I’d suggest using a Firefox extension, such as ColorZilla or Web Developer.

Like this article? Plus One it!

Tags: , , ,

There are 10 reponses to this article. Visit the comments page.

Leave a Reply

Anti-Spam Quiz:


Stephen Cronin

is Manager of Online Service Delivery at a Queensland Government department & has been a freelance WordPress developer/consultant since 2007
*Content on this site is my own and is not related to my employer

Hire me - I'm expensive, but I'm very good!

WordPress Plugins

Want a Custom WordPress plugin? See my Services page.

Greasemonkey Scripts

Visit my home page at Userscripts.org.