Matching background colour

  • Author
    Posts
  • #892163

    tanyameyers
    Member

    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.

    #892280

    timethief
    Member

    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.

    #892284

    tanyameyers
    Member

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

    #892531

    joshidaniel
    Member

    Does this help?

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

    #892567

    tanyameyers
    Member

    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!).

    #892576

    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!

The topic ‘Matching background colour’ is closed to new replies.