Problem with My Header. Help Please.

  • Unknown's avatar
    tinyhutz · Member ·

    When I created my header I was using an old Macbook. After changing into a new Macbook retina-ready, I noticed that my header background has turned gray and is a little blurry compared to the old screen. I can’t figure out why. When I go to my customize page, I find that the header file has a white background, which I have specified in Photoshop, as it should but when I upload it, it turns gray again. Aside from that, the text is also blurry and I would like to optimize it for retina display.

    Can someone help me please?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    Try making an image that’s the exact size.
    The header image is 1120 wide by 320 high.

  • Unknown's avatar
    timethief · Member ·

    Also take a look here http://en.support.wordpress.com/images/troubleshooting-images/#color-profiles

  • Unknown's avatar
    tinyhutz · Member ·

    Hi,

    Thank you for taking the time to reply to me. Unfortunately that wouldn’t work. As you can see, the header file has the background white but it is only after uploading that it changes to gray. I believe there’s a problem with the coding, not sure.

  • staff-hbadger · Staff ·

    Hi Stormintcup,

    You’re right that the grey color is coming from coding. Are you familiar with CSS? In the coding for your masthead it looks like this:

    #masthead .wrap .header-text {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.1);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    }

    In that first string of numbers – (0, 0, 0, 0.1) – the 0.1 needs to be changed to a 0 to make the background white.

    Hope that helps!

  • Unknown's avatar
    tinyhutz · Member ·

    Hi Andrea.

    Thanks. Not tech savvy I’m afraid but I tried looking at the stylesheet to edit it but it wouldn’t let me. There’s only a blank box with the following written:

    /*
    Welcome to Custom CSS!

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how
    to render a web page. You may delete these comments and get started with
    your customizations.

    By default, your stylesheet will be loaded after the theme stylesheets,
    which means that your rules can take precedence and override the theme CSS
    rules. Just write here what you want to change, you don’t need to copy all
    your theme’s stylesheet content.

    If you need any further help, ask in the CSS Customization forum.
    */

    Does this mean I only copy what you have written without needing to look at the stylesheet? Or am I missing a button somewhere that should display the stylesheet for me?

  • Unknown's avatar
    tinyhutz · Member ·

    Andrea it worked!!!

    Just quick question, both lines with string numbers should have the last digit as “0” right?

    Thank you so much!

  • staff-hbadger · Staff ·

    Yay!! It looks like you figured it out because the header is white now when I look at your page. I’m so glad it worked :-)

  • The topic ‘Problem with My Header. Help Please.’ is closed to new replies.