Categories
CSS & HTML Tips Web Design Tips and Insights

CSS: Styling WordPress Administration Control Panel Buttons

WordPress does a great job in smoothing the user experience of the blog administration control panel. Ever wonder how they have styled all those buttons with such touchy appearance?

Well the originator is the man in blue:

button
{
	border-left: 3px double #CCCCCC;
	border-right: 3px double #999999;
	border-top: 3px double #CCCCCC;
	border-bottom: 3px double #999999;
	padding: 0.25em;
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

The trick lies in the double border style which is rarely used. Attaching a background image would look good too.

By Yang Yang

Hello, I'm Yang. I build online businesses that please people. Want to join in and post some useful articles on Kavoir.com? Shoot me a message.