Background Color

[buddhatunes]

How do I change the default dark background color (khaki brown) to all black (000000)? Website is http://buddhatunes.net

[sayontan]

Hi,
In your theme options you have a section for "Custom CSS, JavaScript and RSS" and therein you have a sub-section called "Custom Styles". Put the following code there:

Code: Select all

#wrapper {
        background-color: #000000;
}


Also, I noticed on your page that you have not set your Blog Title. This might cause you search engine optimization problems. I would recommend defining a title for your blog in the general setting for your blog and then using the "Blog Title / Header Alignment" option in "Header Customization" to pick "Hidden".

[buddhatunes]

Thank you for the quick reply. The black background worked. I put the blog title in the general settings and set it to hidden. I then lost my .png image that I used for my title in the header. Any suggestions?

Also, how do I change the background color in the search box to black and the font color for "Search" to white (FFFFFF)?

Thanks,

Tom

(I am loving this theme, i has taken me weeks to find one that would let me customize the way I want)

[sayontan]

My bad - I did not realize you were using a header foreground image (I thought the image was in the background). Sorry about that. You can restore your previous settings (i.e. the header image with the header alignment set to center). Just keep the blog title as well in your general settings.

For the search field you can again use the "Custom Styles" section and put in:

Code: Select all

input.searchfield {
        background-color: #000000;
        color: #ffffff;
}


[buddhatunes]

That header image is back. The search code did not work. I really appreciate your help on this stuff.

[sayontan]

Ah, I guess I forgot the rules of CSS specificity here. Put in ".searchform input.searchfield" instead of "input.searchfield"

[buddhatunes]

That worked great. The page buttons and search box do not seem to format on my blackberry, so I was thinking about just taking out the search box altogether. Suggestions?

[sayontan]

Your call. I don't have a mobile media CSS bundled with the theme (nor can I commit to publishing one). You can alternatively try the "WPtouch iPhone Theme" plugin.

[buddhatunes]

Where would I remove the search box code?

[sayontan]

In "Sidebars and Widget Areas" you have an option that says "Show Search in Widget Area on right side of header". Set it there.