Thesis Tutor » Background http://thesistutor.com Written & Video Tutorials for the Thesis Theme for WordPress Mon, 06 Jun 2011 18:49:01 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Add WordPress 3 Custom Background to Thesishttp://thesistutor.com/add-wordpress-3-custom-background-to-thesis/ http://thesistutor.com/add-wordpress-3-custom-background-to-thesis/#comments Fri, 25 Jun 2010 13:30:36 +0000 Matt http://thesistutor.com/?p=1064

Did you know that Thesis has supported adding custom background colors (but not images) to the <body> for a few versions now? Well, it has :D WordPress has decided to catch up and add in a CSS background generator. Basically, WordPress adds <style> body { background: blah blah; } </style> to your <head>.

Remember, this is completely unnecessary if you just want a background color. Thesis already provides this functionality. This tutorial is aimed towards the very lazy user [ahem...] who wants to put a background image on their <body>.

Here’s what you do: open custom_functions.php and enter the following:

add_custom_background();

Embarrassingly simple ;)

Get Thesis now!

]]> http://thesistutor.com/add-wordpress-3-custom-background-to-thesis/feed/ 0 How To Change The Background Colorhttp://thesistutor.com/how-to-change-the-background-color/ http://thesistutor.com/how-to-change-the-background-color/#comments Fri, 12 Jun 2009 21:39:35 +0000 Matt http://thesistutor.com/?p=61

Changing the background color is super easy, folks. The real question is do you want everything to have the same color background. You probably don’t, so I will show both how to change all the backgrounds to the same color and how to give your site a “page” look. Here we go.

  1. As with any CSS or PHP customization, you will have to follow the first four steps from my previous tutoring session.
  2. Use your favorite editor to open the custom.css file.
  3. Type the following:
    .custom { background: #color hex; }

Ta da! Finished. But, wait! It probably looks bad all the same color. Yes, indeed it does. So, add this little gem on the line below what you just entered:

.custom #page { background: #fff; }

Obviously, you can choose colors as you please. Remember that #fff is shorthand for #ffffff. So if you choose the color #dddddd, you may shorten it in the CSS to just #ddd.

I believe that covers it.

Don’t have Thesis? Get it HERE.

]]> http://thesistutor.com/how-to-change-the-background-color/feed/ 19