Friday, April 27, 2007

Hack: Edit Sidebar "Title" Background Colors

Ok, following this will change your sidebars "title" background colors. But I'm guessing you got that from the title :) It only takes one simple step. To start off, go to template, then click Edit Html. You may want to back up your template first. Ok, now Use your browser's "Find" (ctrl+f) function and search for
/* Sidebar Content
----------------------------------------------- */
Right underneath this, paste the following
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: #ffffff;
font-size: 100%;
color: #000000;
}

Ok, Now you've made it so you can edit the titles and title backgrounds on your sidebar. Currently, your font color is set as #000000 (black) and your background color is set as #ffffff (white). You can easily change either of these hexadecimal codes to your choice of color. My personal favorite way to find the right code for the color I want is to use Photoshop, click on foreground color (the color box closer to the screen in your tools navbar), select the color I want, and look at the bottom right hand corner for my hexadecimal code. If you don't have Photoshop try going here or here.

No comments: