There are 100+ themes to choose from here at WordPress.com, and many of them have customizable backgrounds, menus, content layouts, and headers you can change yourself (like our new default theme Twenty Ten), and we have many more new themes planned.
But you can also take your site’s customization a step further and completely personalize any theme’s stylesheet by changing fonts, colors, borders, backgrounds, and even the layout of the site using the Custom CSS upgrade.
Many users have made a beautiful home for their content using one of our 100+ themes as a base and customizing the site with the Custom CSS upgrade.
If you’re not sure where to get started with CSS (it does take a little experience with HTML, and a willingness to learn), make sure you check out the CSS Help links in the Custom CSS Upgrade Support page, which has some links to to tutorials and explanations around the web. If you have a friend who’s good with CSS, this might be a good time to buy them a pizza and ask for a lesson!
As with all WordPress.com upgrades (except for domain registration), you can purchase the Custom CSS Upgrade and cancel free within 30 days if it’s not to your liking.
Here are a few sites on WordPress.com using the Custom CSS upgrade that caught our eye:
Whole Lotta Lovely
Rafael Alburquerque, Vice-President of the Dominican Republic
Kiss My Spatula
Things We Make
Fig & Fennel
Foody Two Shoes
We love seeing your beautiful work on WordPress.com!
Nov 18th at 8:27 pm
Wow! Thank you for featuring my blog *happy dance*
Nov 18th at 10:03 pm
If you go to Amazon.com, order a book on CSS or HTML. I ordered an old book on HTML 4.0, which was probably published in 2002 but all the information is still pertinent. And once you know HTML, CSS is pretty easy to master. Oh, and the book was $0.01 plus $3.99 shipping.
Nov 18th at 10:07 pm
I’m tempted. Those are some awesome examples. You guys are great
Nov 18th at 11:14 pm
good work .. I still need more information about CSS & RSS feeds for my classroom blog
Nov 19th at 2:54 am
I love what’s possible with the custom CSS upgrade! I have two personal sites that use it and pop into the forums often to see if I can help people out. If you’re interested in what’s possible then follow the links in the post (good work wordpress team!) and ask away on the CSS forum. I’d be willing to help people out especially if they have exciting ideas and interesting blogs here.
Nov 19th at 7:45 am
CSS is amazing to work with. There is so much that can be accomplished.
However, I think it is only fair to acknowledge that it can be a tricky little bugger to learn. This does not mean that it can not or should be be used. You can and should work with it. Just cut yourself a break and acknowledge that learning CSS is at least as hard as learning to drive a car. Meaning it is non-trivial but worth the effort.
Unfortunately that is only the first part of the story. It turns out that not everyone looks at your blog using the same browser. Some folks use IE 9, IE 8, IE 7, IE 6, Firefox, Chrome, and/or Safari — just to name a few of the more common browsers that are on my mind. There are dozens and dozens of browsers. And, horror of horrors they do not all render css the same.
Learning to create a css style that renders your page the way you want in the browser you happen to use is only the first step. Next you need to look at it in all of the popular browsers and see if it is equally nice — this is called cross-browser compatibility. Sometimes getting your page to look right in all of the top browsers might involve a little enlightened give and take.
Once again, non-trivial but definitely worth the effort.
Nov 19th at 12:18 pm
Thanks so much, WordPress for letting your eye be caught by the blog I designed. To the CSS enthusiasts, pizza or not pizza, I tell you guys, you CAN! I knew n-o-t-h-i-n-g of CSS before, only some HTML, and everything I now know, I learned through WP help section and the links they provide there. Everything. Now, with this feature and some of the others, there’s no need to go to WordPress.org unless you have a commercial blog.
You WP folks are AWEsome! You are the best thing that can happen to a blogger. Love you guys!
Nov 19th at 8:51 pm
Sweet, gotta get into this some more. I managed to get a PNG logo onto my blog which was great especially since my blog changes color with every page so the PNG with transparancy comes out great.
Nov 19th at 9:01 pm
Could you give us a hint of which THEME the websites above used?
I would love to achieve something similar but never know which THEME to begin with to play with in the CSS editor thingy!
Nov 19th at 10:30 pm
What is the price of using CSS? This //wordpress.com site is not impressing me at all. It is hard to find the info needed but I will learn.
Nov 20th at 12:54 am
Kudos to all who manage to learn CSS — I learned a little bit for a dragon website I’ve been building up on over the years. I might try again sometime in the future!
Nov 20th at 6:01 am
These look great. It would help to know which themes they are using, it’s not always listed on the site!
Nov 20th at 3:51 pm
Unfortunately, my html is pretty rusty, so this will be on my wish list (along with the friend who knows the stuff, pizza, and a couple of beers). I would love to transform my blog with CSS, but need to make/find the friend first. Or, refresh my html knowledge — hey that’s not a bad idea (eg. having trouble with getting badges to stick to my blog!)! Thanks for all the stylistic opportunities.
Nov 21st at 10:27 am
Those are some beautiful examples of the versatility of the themes available to those with CSS skills or those who have CSS wizards handy. Maybe it’s time to have another design or Sandbox skin contest?
Nov 21st at 9:43 pm
Amazed at the originality that is possible “even” at wordpress.com! Oh, if only I had 1) strength to learn html and css and 2) some sense of style for these things.
Nov 22nd at 11:45 am
We only made small changes, but that made our WordPress site just right for us – it’s not difficult when you get the hang of it. However, those examples you’ve posted are fantastic – way beyond our artistic capability.
Nov 22nd at 11:12 pm
If the site doesn’t have the original theme namechecked in the footer the easiest option is to right click the page and select “view source”. The name of the theme is usually towards the beginning of the head section. Searching the sourcecode for “.css” also helps.
I’d definitely be up for a Sandbox styling competition!