WordPress.org

Support

Support » Themes and Templates » [Resolved] Remove Dashes in Header Image (Inove)

[Resolved] Remove Dashes in Header Image (Inove)

  • 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.

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    @esmi

    Forum Moderator

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

    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.

    Here is a link to what i am referring to.

    Thanks again for your help

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

    esmi

    @esmi

    Forum Moderator

    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;
    }

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

    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!

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

    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

    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

    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!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Resolved] Remove Dashes in Header Image (Inove)’ is closed to new replies.
Skip to toolbar