Return to General talk

Gray where is it coming from?

Home Forums Graphene WordPress theme General talk Gray where is it coming from?

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #759
    deborah
    Member

    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

    #13454
    Kim
    Member

    Please add link to Your profile here.

    Kim

    #13455
    deborah
    Member

    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

    #13456
    Kim
    Member

    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

    #13457
    deborah
    Member
    #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.

    #13458
    Kim
    Member

    You are using the word gray in first line.

    Try color codes #xxxxxx

    Yes its a tricky one.

    Kim

    #13459
    deborah
    Member

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

    Thank you!

    #13460
    Kim
    Member

    Before You go bananas 🙂

    http://thefirehousechurch.com/wordpress/

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

    Kim

    #13461
    deborah
    Member

    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?

    #13462
    Kim
    Member

    You got it 🙂

    Kim

    #13463
    deborah
    Member

    Well, I’m not that handy with Photoshop. It looks like the various color sections are in layers, which part of it did you change to your theme color? I can’t tell how much of the site it actually applies to. That could be where the bottom black is coming from too. Or does h indicate it applies just to the header?

    While we are at it. I see what appears to be the image for the day calendar that is with each post, in the sprite_master file. Is that right? Of course I want to change that color too.

    Thanks for your help!

    #13464
    Kim
    Member

    Try this link: (My site)

    http://www.nørrebo.dk/bbpress/topic.php?id=16#post-17

    Open Your sprite_master.png or PSD file and insert sprites

    You like. You find Themes PSDs here:

    http://graphene.googlecode.com/svn/trunk/PSDs/

    Working with PSDs & Layers 🙂

    Easy Just turn of the layer with, say calendar.

    Insert Your own calendar & save as .png file.

    I like PSE (Elements) just fine.

    Kim

    #13465
    deborah
    Member

    It has taken most of the day, but I finally got rid of the gray. I did modify the sprite_h file. I ended up just changing all entries in the main CSS file because using it only in the nav section did not work. The other calls to it would over right my changes.

    I still need to ditch the rest of the blue, fonts, etc. Then maybe I will think about reducing the space between the rotating box and nav bar. Surely that cannot be horribly difficult.

    Then on to the content. Once I get some real content loaded I will move it to the hosting site.

    Thanks again for your help. Hopefully this thread helps others too.

    You can’t see it in this screen shot, but the very bottom bar where the site name and theme name are displayed is red now. 🙂

    5572021561_d2645ec447.jpg

    CC-screen-shot4 by COAlpine, on Flickr

    #13466
    Kim
    Member

    Im glad You got this far!

    You just might find some icons here:

    http://www.iconfinder.com/search/?q=calendar

    Kim

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

You must be logged in to reply to this topic.