Twenty Eleven Theme - Remove Thin Horizontal Line Above Header Image? (8 posts)

  1. illethereal
    Posted 2 years ago #

    Hello all!
    How to I remove the thin horizontal line above my header image in the "Twenty Eleven" theme? My website is here and you can see it sitting above the image of the girl: http://www.prairiepariah.com

    I have checked the forums and found this tutorial:

    Neither removing it, changing the 1px to 0px or commenting out worked so I'm guessing this little annoying bar is a different code in the stlye.css?

    Thank you for helping!

  2. strongly consider to create a child theme of Twenty Eleven to work with - http://codex.wordpress.org/Child_Themes
    it is not recommended to edit the default theme Twenty Eleven directly, as an unedited theme is essential in case of problems.

    remove the border from:

    #branding {
    	border-top: 2px solid #bbb;
    	padding-bottom: 10px;
    	position: relative;
    	z-index: 9999;

    general: for these kind of fundamental formatting problems, try to use a tool such as Firebug http://getfirebug.com/ to investigate which styles you need to edit.

  3. illethereal
    Posted 2 years ago #

    Thank you, alchymyth.

    I've been noticing a lot of people are saying to use a child theme. I have very little knowledge of how to do this. I find the help pages from wordpress to be very overwhelming with information. What they claim is as supposedly "simple" is very complex for me. I use FireFTP but am unable to open and edit the php files (someone said that is because FireFTP isn't a real client?). Thank you for the link though. Unfortunately it already sailed over my head :\ I'm a very visual person and have been trying to locate youtube tutorials so I can see exactly what I'm supposed to do. I struggle with written instructions.

    What I have been doing is going into the editor on my dashboard (under appearance) and I guess make "manual" changes, though I have been copying the original codes and saving them in a textedit file in case something goes wrong. That seems to be working so far... but I'm guessing that is a band aid solution until I have the knowledge to use an FTP client.

    I do use firebug but can't highlight that little bar. All it shows me is header id="branding" role="banner", which is just the image... (shruuuug)

  4. illethereal
    Posted 2 years ago #

    Is the code you posted located in the style.css?

  5. Is the code you posted located in the style.css?


    line 504, about one-fifth to one-quarter down in style.css

  6. illethereal
    Posted 2 years ago #

    Thanks alchymyth! The pesky bar is gone.

  7. robertmeans
    Posted 2 years ago #

    I opened an account at WP just so I could say - alchymyth, you RULE!

  8. Abstractsunday
    Posted 1 year ago #

    Hello everyone, I am new to wordpress. How do I delete the thin horizontal setting above my header. My blog is http://www.abstractsunday.com/

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.