9 {{ upvoteCount | shortNum }}
9 {{ upvoteCount | shortNum }}

WordPress - Theme Editor help needed

by EdmundLoh
8 replies
My current Wordpress theme set up at:
Splendid Bonus Deals

I am using this free theme downloaded from:
WordPress › Custom Community « Free WordPress Themes

I want to change the body color of the page (where the main contents are) to white (#FFFFFF) but after going through the Theme Editor for so long, I can't find which part to edit that piece of code.

Can any WordPress expert point out which .php file to edit and which line?

I just want to change the body color to white (#FFFFFF) and only that part, without affecting the rest of the layout. Thanks!

Edmund
#editor #needed #theme #wordpress
  • Profile picture of the author DigitalDanny
    Check the General->Background tab. There you have an option to set your background color.
    {{ DiscussionBoard.errors[5760142].message }}
  • Profile picture of the author EdmundLoh
    @DigitalDanny thanks, but I was already there. Right now it reads:

    Enable this option, if you like to use the standard wordpress settings page.
    -> ENABLED

    Change your background colour
    -> #FFFFFF

    (the rest of the options were not touched as they deal with background image)

    It did not change the background color to white for the body.

    Note that under the "Color Scheme" tab I chose "grey" and still want this, with the exception of the body being white.

    Any place in the Theme Editor I can edit manually?

    Edmund
    {{ DiscussionBoard.errors[5760172].message }}
    • Profile picture of the author DigitalDanny
      Make sure its ffffff not #ffffff. See the settings on the image attached.
      {{ DiscussionBoard.errors[5760627].message }}
  • Profile picture of the author EdmundLoh
    @DigitalDanny I tried that variation too without the hatch #. Same.

    Edmund
    {{ DiscussionBoard.errors[5760648].message }}
  • Profile picture of the author strangerstudios
    This is a hack, but edit style.css in the theme.

    At the bottom add this and it should work:

    div.page {background: #FFFFFF !important;}
    {{ DiscussionBoard.errors[5763328].message }}
  • Profile picture of the author EdmundLoh
    @strangerstudios hey that helped! One step closer now.

    Right now Splendid Bonus Deals - the body is white, but the border remains grey. Am I right to say if I somehow edit to change the grey border to white, the other parts of the page (like the menu) will turn to white as well?

    It looks odd the way it is now, do you know where else I can edit to change the grey border to white too?

    Edmund
    {{ DiscussionBoard.errors[5763442].message }}
  • Profile picture of the author strangerstudios
    Ok. Looks like you need something like this as well:

    div#content {background: #FFFFFF !important;}
    div#content .padder {background: #FFFFFF !important;}

    p.s. Firebug or Chrome Developer Tools "Inspect Element" tool is really good for figuring out what styling is applied to which elements to figure these things out. Takes some practice, but is very useful.
    {{ DiscussionBoard.errors[5772361].message }}
  • Profile picture of the author EdmundLoh
    @strangerstudios that did the trick! I would have never guessed. Thanks man!

    Edmund
    {{ DiscussionBoard.errors[5772429].message }}

Trending Topics