Gray where is it coming from?

  • deborah

    #759

    I have managed to change most of the colors to what I want. But, there is still a small section of gray above the rotating window and below the menu tabs. I have spent a lot of time trying to find it with no success yet.

    I did a screen shot, since my site is completely new and still on my local PC. I do not see a place to attach the jpg file. If my description is not clear please ask for clarification.

    Help is much appreciated.

    As many have mentioned, I also like this theme. I just want the colors changed. 🙂

    Thanks.

    Deborah

    Kim

    #13454

    Please add link to Your profile here.

    Kim

    deborah

    #13455

    Kim, if you are asking me to add a link to my site, I cannot do that yet. As I mentioned above it is only on my PC. I have not launched it yet.

    I put the jpg of the screen shot on my flicker site.

    5571734778_4f68b98d00.jpg

    CC-Screen-shot by COAlpine, on Flickr

    Kim

    #13456

    I know. Well Your picture tells me:

    Your .nav menu have this code:

    #nav {
    background: url("images/sprite_h.png") repeat-x scroll left top gray;
    border-bottom: 3px solid #FFFFFF;
    border-top: 1px solid #333333;
    height: 46px;
    padding-top: 12px;
    position: relative;
    width: 100%;
    z-index: 100;
    }

    Then You might have a look at (“images/sprite_h.png”) & color codes.

    Kim

    deborah

    #13457
    #nav {
    background: url("images/sprite_h.png") repeat-x scroll left top gray;
    border-bottom: 3px solid #EEDF9E;
    border-top: 1px solid #EEDF9E;
    height: 46px;
    padding-top: 12px;
    position: relative;
    width: 100%;
    z-index: 100;
    }

    resulted in this:

    5571849706_f6856dbc04.jpg

    CC-screen-shot2 by COAlpine, on Flickr

    #nav {
    background: url("images/sprite_h.png") repeat-x scroll left top gray;
    border-bottom: 3px solid #FFFFFF;
    border-top: 1px solid #EEDF9E;
    height: 46px;
    padding-top: 12px;
    position: relative;
    width: 100%;
    z-index: 100;
    }

    resulted in this:

    5571271811_26f76cdb3c.jpg

    CC-screen-shot3 by COAlpine, on Flickr

    I have a child theme set up, but this venture is my first with WordPress, php, etc. I do have a programming background, though it was a totally different language. That gives me the skills to understand, conceptually, what is going on, but this digging to find the variable that is controlling that color is making me nuts.

    After much searching, yesterday, I learned about Firebug and installed it. That sent me to the #nav section of the CSS page and I had already tried the color changes you suggested. Thank you for that suggestion, but something else is going on and I really want to ditch that gray!

    I looked at the sprite_h.psd file yesterday. It does not appear to have that gray in it. If that is where the nav bar colors are coming from then I will have to find someone with more Photoshop expertise than I have to make the changes.

    Thanks to you or anyone who can offer additional guidance.

    Kim

    #13458

    You are using the word gray in first line.

    Try color codes #xxxxxx

    Yes its a tricky one.

    Kim

    deborah

    #13459

    Oh… bad words! I did not see that, I was looking for actual numbers.

    Thank you!

    Kim

    #13460

    Before You go bananas 🙂

    http://thefirehousechurch.com/wordpress/

    Look at (“images/sprite_h1.png”) with Firebug

    Kim

    deborah

    #13461

    So, you copied sprite_h and changed it to your color then are using it in the child theme? Do I have that right? You started with the .psd version of the file, right?

    Kim

    #13462

    You got it 🙂

    Kim

Viewing 10 posts - 1 through 10 (of 14 total)

You must be logged in to reply to this topic.