WordPress.org

Forums

[resolved] Remove Dashes in Header Image (Inove) (11 posts)

  1. NNatic
    Member
    Posted 6 years ago #

    I have been editing the inove file and have done well :) LOL

    I figured out how to remove the text from the blog title and caption but there are a few dash looking lines in the upper left corner of the header - right above and below my wife's head.

    How can I remove those?

    http://www.neilnatic.com/blog/

    I will need to re-edit my header file also as the text is not very readable... not too bad for my first photoshop experience though :)

    So what do i need to do to remove those. Thanks for your help in advance.

  2. esmi
    Forum Moderator
    Posted 6 years ago #

    I'm assuming you managed to fix this as I can't see any dashes now.

  3. NNatic
    Member
    Posted 6 years ago #

    unfortunately not :(

    If you look at the blog header picture, the leftmost picture with my wife in the Puerto Rico shirt, there are white lines above and below her face.. if firefox I believe they are less obvious or only one shows, but IE shows both.

    Do you not see them at all? Ill post a pic to show you what i am referring to.

    Thanks for your help esmi.

  4. NNatic
    Member
    Posted 6 years ago #

    Here is a link to what i am referring to.

    Thanks again for your help

    http://i32.photobucket.com/albums/d24/NNatic/badheader.jpg

  5. esmi
    Forum Moderator
    Posted 6 years ago #

    Aha - the line isn't nearly so obvious in FF3 which is why I missed it first time around. Sticks out like a sore thumb in IE8 though.

    Got it! style.css (line 197)

    #tagline {
    border-top:1px solid #FFFFFF;
    color:#FFFFFF;
    float:left;
    font-size:0;
    padding:0 3px;
    text-decoration:none;
    }

    Get rid of 'border-top:1px solid #FFFFFF;'.

    And while you're in there...

    If you want to make the whole header clickable, try changing style.css (line 174) from

    #caption {style.css (line 174)
    padding:25px 30px 0;
    }

    to

    #caption {
    padding:0;
    }

    and style.css (line 177) from:

    #title a {
    color:#FFFFFF;
    display:block;
    font-family:"Trajan Pro";
    height:30px;
    letter-spacing:0;
    text-decoration:none;
    }

    to

    #title a {
    color:#FFFFFF;
    display:block;
    font-family:"Trajan Pro";
    height:194px;
    letter-spacing:0;
    text-decoration:none;
    }
  6. Mark / t31os
    Moderator
    Posted 6 years ago #

    Appears this area is leaving a small white line..

    <h1 id="title">
    <a href="http://www.neilnatic.com/blog/">A Peek at Life as a Natic</a>
    </h1>

    Might wanna drop this part..
    font-family:"Trajan Pro";

    I can't say i've ever seen that font, and i'd doubt your visitors will have it either... unless it's specific to Mac or Unix..

  7. NNatic
    Member
    Posted 6 years ago #

    you guys are great! Thanks a ton!!

    I started out as a comp sci major in college and reading and developing code made me change my major to business and i stuck with networking and stuff... code makes me want to puke lol

    Thanks again guys!

  8. NNatic
    Member
    Posted 6 years ago #

    damn - no go on both of those changes and from both posters :( Any more ideas by chance?

    White lines:
    one of the bars in ie8 went away but i think that the top one is now hidden in the white above the header pic. When i refresh i can VERY briefly see them both. I found another border line in a few lines up and tried to remove that and it did not do it :( Anything else that could cause that. weird :(

    Full size header click: (resolved!)
    I made the change that you had suggested (thanks a bunch btw) and what it did was just go horizontally 194 pixels so it streches across the image but not quite down the image.. it is just the top 1/5th id say.

    Let me know what you guys think. Once again I appreciate it!!

  9. NNatic
    Member
    Posted 6 years ago #

    http://i32.photobucket.com/albums/d24/NNatic/headererror.jpg

    immediately after that it loads the header image and it covers the top line in IE 8... i wonder if they both are no longer visable in ff

  10. NNatic
    Member
    Posted 6 years ago #

    okay i am stupid on the full header clickable.. that is working ... i just need to learn to read correctly :)

    So the lines are the only thing left

  11. NNatic
    Member
    Posted 6 years ago #

    WOW!

    When i fixed the fully clickable header, it took care of the line that was visable. There is one that is hidden by the image when it loads, but i dont care as you dont see it..

    Weird.. but thanks again...

    Have a good weekend!

Topic Closed

This topic has been closed to new replies.

About this Topic