Need help? Check out our Support site, then


Matching background colour

  1. Hi, I'm trying to set the background colour to match the colour of the beige textured box (Text in box starts with "Welcome").

    I think this should be easy --- I'm looking at the CSS to try and find what the beige textured box's div id is (hoping that when I find how it's styled I'll find the colour used...that it's not an image!). BUT I'm lost.

    I've also tried taking a screen capture into photoshop to match the beige textured box, but it says it's #ffffcc, which looks completely yellow when I insert it into the background. (that's the current background colour)

    It'd be really helpful for someone to tell me how to match the background to this beige textured box, AND to tell me where I'd find this element in the CSS. (this may be two separate things, I know)

    Thanks!

    The blog I need help with is tanyameyers.com.

  2. Hi,
    Your blog is private and we Volunteers cannot see it. All CSS editing is theme specific and you don't say which theme your are working with.

  3. I've just changed the settings to be public. The theme is Bold Life.

  4. Does this help?

    body {<br /> background: #f2efe8 url( 'http://s1.wp.com/wp-content/themes/pub/bold-life/images/content.jpg' ) top left repeat;<br /> color: #474534;<br /> font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;<br /> font-size: 14px;<br /> line-height: 24px;<br /> }

  5. Thanks joshidaniel! It does help! I've changed the background colour, thanks.

    I'm still not clear how you actually found that it was the above code affecting the beige textured box, though maybe a tutorial on Firebug would help me (more than playing around with it!).

  6. I'd totally recommend learning more about Firebug or any similar browser tool. If you just right-click on the background area of the textured box and select "Inspect Element" then you should be able to see the CSS that is being applied.

    For example, here's how the .entry-inner box CSS looks to me for the Bold Life theme in Firebug: http://cl.ly/Giwl/o

    Joshidaniel probably copied that and then he aslo knew to update the link inside url() to a working link that starts with http://

    Nice work!

Topic Closed

This topic has been closed to new replies.

About this Topic