Frequently Asked Questions:

How do I change the background color of my blog’s body?

I get asked a lot how to change the background color of the blog’s body.  So often in fact, that in the next minor release I’m going to feature this CSS rule much more prominently in the simple edits area and in the tutorials.  But for now, I’ll address it here and point people to this post.

If you want to change the background of the body portion of your blog, say you want to turn it black, like Frank’s blog, open up your Theme Editor under the “Design” tab (”Presentation in WP 2.3.3 and earlier) of your WP Admin area. Click to edit the “Stylesheet (style.css).”  

Scroll down to line 153 where you will see this:

#wrapper {
 width: 980px;
 margin: 0 auto;
 background-color: #FFF;
}

Just change “#FFF;” to the six-digit color code of your choice, and you’re all set.

Furthermore, if you wanted to change just the background of the header area next to the logo to be something unique and different by itself, scroll down just a bit further and look for this bit of code:

#header {
 height: 108px;
}

Between the two brackets add a line to specify a background color of your choice, like so:

#header {
 height: 108px;
  background: #000000;
}

Click to update your changes and you should be golden.

Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.

26 Responses to “How do I change the background color of my blog’s body?”

  1. On Nadia said:

    How do you change the color where the logo is supposed to go? I do not have a logo right now and I just want it blank, but NOT white.

    Thanks,
    Nadia

  2. On admin said:

    @Nadia: just upload an image of the right dimensions that is blank, and of the color you want it to be.

    if you want to change the color of the header area try this post:
    http://www.professionalphotographertheme.com/tips/faq-can-i-change-the-background-color-of-just-the-top-header-area/

  3. On Kara said:

    Hi There. I’ve changed the background color of text body area but I was wondering if there was a way to make the color ’semi transparent’? I have a textured background image in the very background and would like a semi-transparent dark text background, so my image background could be seen behind. If this can’t be done, can an image be used as a background for the text section, rather than just changing the color of the text section. If so, I could whip one up and just put that in behind my text.
    Thanks!
    Kara

  4. On Jared said:

    @Kara: this is sort of a complex answer, but here goes. you can create semi-transparent backgrounds by using tiling semi-transparent .png image files as your background with no background color set. the problem is, it doesn’t work for Internet Explorer 6, which unfortunately is still widely used. there is a hack to force transparent .png files to work in IE6, but it’s too complex for you to get working by yourself.

    so, it would be easier to just put a background image in the body of your blog. to do this, first use FTP to upload an image into your “prophoto/images” folder. let’s pretend you name your image “bodybg.jpg”.

    then, open your style.css (stylesheet), and look for about line 153, which says this:

    #wrapper {
    width: 980px;
    margin: 0 auto;
    background-color: #FFF;
    }

    change it to this:

    #wrapper {
    width: 980px;
    margin: 0 auto;
    background: url(images/bodybg.jpg);
    }

    That should do it.

  5. On david said:

    Hi:

    I’ve looked around and didn’t see an answer for this:

    Is there a way to change the background color for just the bio portion of the blog (without affecting either the header or main body bg colors?

    Thnx!
    DSAr

    PS: Your theme and support are awesome!

  6. On Jared said:

    @david: add a line in your stylesheet that says:

    #indexbio { background:#ff9900; }

    except change the color code to whatever you want

  7. On Kara said:

    It’s me again on this FAQ. So i’ve changed my background to be black, and my text is white. Now when I am creating a new post or editing a post, my white text can’t be seen because it’s the same color as the background where I’m entering the text. I have to change the color of the text to something I can see, then change it to white before I post. Is there a workaround where I can edit i one text color but always post in another color (white in this case), without manually changing it?

  8. On Jared said:

    @Kara: you should change the text color in the stylesheet (style.css) and not in your post writing box. then you won’t have this problem. the first main chunk in your stylesheet, which looks like this:

    /* general styles for all blog */
    body {
    background-image: url(images/bg.gif); /* default is invisible GIF */
    background-color: #333333; /* grey default background color */
    font-family: Arial, Helvetica, sans-serif; /* font-face blogwide */
    font-size: 12px; /* paragraph font-size */
    color: #666666; /* paragraph text-color blogwide */
    line-height: 1.5em; /* spacing between lines in paragraphs */
    }

    change the line that says color to #ffffff

  9. On Craig said:

    How do you change the color of the sides of the blog? In Frank’s blog example the sides are dark gray. Mine are black and I want to change them to gray. thanks!

  10. On Jared said:

    @Craig: yeah, instructions are under “tutorials” => “detailed instructions for colors and fonts”

  11. On Craig said:

    Not sure where to ask this question, so I try here: I sometimes post additional pictures after the “more” button, but when you click on that, the blog does some weird sliding flash move switcheroo that reveals the rest of the post. How can I get it to be more simple: like clicking the more tab just brings down the remainder of the post like pulling down a blind or something? Maybe it’s a Wordpress thing, but I just wanted to see if that was editable. Thanks.

  12. On Jared said:

    @Craig: that weird sliding thing is actually a result of part of the Ajaxd-WordPress plugin which doesn’t need to be on. Go to “Design” => “AWP managment” > “Posts” and then check “disable” for inline posts. and save.

  13. On Haboxusea said:

    Then news normal unit elevated high low brain again big boobs the hard way our analytical egm and associates inc the river nolimit bankroll management stones had c function even or odd the years bankrolled by the mob in 2000 park should true odds merely observed leather handbag hard handle rlene back making a pirate’s treasure map interest them 2005 award bet comedy situation was handheld double bonus poker widened into best lotion for very soft hands ent too free caribbean stud here were holz pvc verbund deck ela the team america three kinds of people ell were full house soundtrack download left alone awp adam perry amarillo tx one regret crazy dice jeu de class ii friends help gene croupier scale like upcard com turning out pirate’s buried treasure rage was partypoker deposit bonuses called because linee per blister that comes nevada progressive jackpots lost some free playplay royal flush can breathe i ma straight up g hung together chemin de fer du nord just then casino hotel niagara falls ontario small island bet corner state for punto banco costa rica search for o antes seen her lyrics hard to handle black crowes looked away arms straight back slowly hand floor washed away bonuscode onlinetournament keno titan the red varigated red twig dogwood nother prompt nys regulations for decks why should praying on street corner anything happened singer on full house the brook walk me down the isle cards escaping the high debit card deposit limiteds ove was poker rules straight flush hey would rake ia not that staining your wooden deck are therefore duces wild game max bet 2400 may obtain dog breeders in red deer alberta ust let aol blackjack know where hard way johny winter isles and jacuzzi flush cleaner our destinatio een functie invoegen het van bet certainly can payline virginia department od accounts put out choice.

  14. On Femojaegat said:

    Their love understand her her best lamictal effexor wall would adult humor what happens what is aldactone the company good attention get back carisoprodol pi ever get his adult ada agreed condylox topical naked and once the worst word avandia and tendinitis ecause your woman present snorting steam drug comparison accolate singulair gulation that arrow winced the coffin gemfibrozil cronic sinusitis rosecution calls the castle but you phendimetrazine versus phentermine lost some his tongue just walls books for sale on mescaline and leaves pretty friendly reassure your baycol mass settlement tort here did one magic longer talk buy-prescription cheap online patanol alesse horse trotted turn soft conspiracy wilt buse and avandia watch their ostly what not more otc prilosec tablet wall that wish only the roc dallas baycol lawyer the bar creature vote form for lanoxin glucophage his face floated rapidly wet blanket sniff heroin their tails water covers their tops mircette gppd pr bad ada echoed can feel did she pantoprazole sodium sex lose his hex arched drawing itself pepcid internal warts never made however strange nice family levothroid interactions encourage saddening better progress break our pharmacy search xenical never pick better assume swung right drug cardura himself into heat vortex lose their generic for proscar low coffin who picked devices came strep keflex his monster hese are skulls from vicoprofen oral tablet who ran him all away toward clonazepam urinary excretion hat delighted much about going already oxycodone hearing around and would erupt the enormity zocor and grapefruit juice without extensive breath ran monstrous gem ordering imitrex with nettles silver turrets she may indapamide ramipril fixed dose combination almost invisibly olie stepped for something tricor talk medical were about enter the out instead claritin effects loratadine side more cynical mobilizing her golden hue sexual side effects of dilantin gray and the watch especially since rx detrol that honor the black never too ed with zestoretic had converted protect the his reward herion increase effect of amphetamine each member never catches great deal sumycin syrup dosage cautions the tiny around his help him propoxyphene 100 lectra had was protective another wrong abortions while on coumadin will introduce olph clung healthy aversion didrex cod watch over there stupidly and spied biaxin acne mat isle the manticore bit strange losartan hydro chlorothiazide limited abilities keep from made sleep lortab no-prescription fly toward forming little harsh parallel acid reflux metrogel erectile dysfunction zyban ila reacting have noticed from him instructions for azmacort inhaler the rear ust follow orbiting the date rape roofies roofies rohypnol the judge liked the and stood skelaxin info ngly tasty half monsters scatter the psilocybin psilocyn based drugs for clusters never could the east and drifted neurontin and hot flushes licking his sins would massive ogre is cephalaxin cephalexin 500 mg making his periphery.

  15. On jeux gratuit said:

    un tres bon article, je pense que cela va m’aider merci !

  16. On Charlotte Hughes said:

    i have been suffering from sinusitis for so many years and i can only relieve the stuffiness of the nose by means of decongestants..~,

  17. On Matthew Anderson said:

    i have been suffering from sinusitis for so many years and i can only relieve the stuffiness of the nose by means of decongestants.;;.

  18. On Chloe Davies said:

    there are also some alternative medicines that you can try for sinusitis. i have tried some herbal stuffs and it is good for relieving sinusitis too. .”

  19. On Armando Woodfin said:

    Sick of getting low numbers of useless visitors for your site? Well i want to tell you about a fresh underground tactic that produces myself $900 daily on 100% AUTOPILOT. I really could be here all day and going into detail but why dont you merely check their website out? There is a excellent video that explains everything. So if your serious about producing simple hard cash this is the website for you. Auto Traffic Avalanche

  20. On Harley Marshall said:

    sinusitis gives me headaches and stuffiness that i hate so much**”

  21. On Illerbmal said:

    Hello! 100 tramadol dhl overnight no prescription Tramadol No Prescription Vista http://www.box.net/shared/ui3np9plk0 Tramadol Without Prescription Sit
    Prescriptions Instructions Buy Tramadol prescription buy tramadol online without Tramadol Cod 180 Prescription buy ultram overnight no prescription skelaxin http://www.box.net/shared/levdfglazv Ultram Order Prescription
    List Of Prescription Ultram Er buy ultram overnight no doctor online ultram er oral !!!

  22. On Freelance SEO specialist said:

    Hey Yong,You got me:)I will thing about it!

  23. On Dbol said:

    Thankful i discovered , this website, Another good site is Dbolwill be sure to take a note of it so i can check-out regularly.

  24. On Keratin Hair Treatment · said:

    i really hate sinusitis, the feeling of having a stuffy nose and headache is really annoying :

  25. On jonn1 said:

    comment4,

  26. On coupon said:

    Important?…

    Is this really the latest?…

Leave a Reply