Community Forums › Forums › Archived Forums › General Discussion › Header Misaligned
Tagged: header misaligned outreach
- This topic has 25 replies, 3 voices, and was last updated 11 years, 3 months ago by cccmedia.
-
AuthorPosts
-
December 31, 2012 at 2:14 am #8541cccmediaParticipant
Hey guys, I'm having difficulty resolving a header issue in the Outreach Theme. It's something simple, I'm sure, but I'm not getting it. The original header image is 1200 x 120 with the settings in the default settings in the functions.php file as 1060 x 120 and the CSS style sheet set to 100% for the width.
The header was fine until I had removed the default site title text that shows left-aligned of the header. After removing it, a space appeared to the right of the header. I have tried everything I can think of to fix this and I'm apparently missing a step.
I would appreciate any help! Thanks in advance!
Site is: http://www.theconvergencenc.com
BrooksDecember 31, 2012 at 2:48 am #8548AnitaKeymasterI am using Firebug to see it.
*** DELETED *** Previous message as the code didn't copy correctly.
It looks like you have two header images in there. When I remove this code - it appears correctly.
This is the first code I see in the CSS - line 31
#header {
background: url("http://theconvergencenc.com/wp-content/themes/outreach/images/header.png") no-repeat scroll 0 0 transparent;
}However, if you look at line 183, the #header code is there again. If you remove the one above, I believe this will resolve your issue.
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:15 am #8554cccmediaParticipantThanks for responding! But, I removed the above mentioned text and nothing changed. I cleared the cache, as well, just to be sure, but still no joy :/
December 31, 2012 at 3:31 am #8562cccmediaParticipantCorrection: Sorry I am using Firebug for the first time. The live edit does reflect that it fixes the problem, but when I go into my style sheet and run the search for the same exact text I am seeing in firebug, it does not exist. I'm using Dreamweaver to edit the CSS.
December 31, 2012 at 3:36 am #8564AnitaKeymasterDid you use the the Header feature at all under Appearance > Header?
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:39 am #8565cccmediaParticipantI did initially until I realized that it wouldn't properly re-size the logo, so I manually added the image atop the header.png file and re-uploaded it.
December 31, 2012 at 3:40 am #8567AnitaKeymasterGo over to Appearance > header and REMOVE the image from there. I believe that's where the problem lies.
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:43 am #8570cccmediaParticipantThank you for continuing to walk me through this, btw! But, now I have no image nor header at all.
December 31, 2012 at 3:47 am #8571AnitaKeymasterBut I thought you said you used Dreamweaver to insert the header image?
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:49 am #8572AnitaKeymasterDo you see this code in your Style.css? If so - remove it. When I remove it from Firefox - the header shows up by way of another line of code. Delete that.
#header {
background: url("") no-repeat scroll 0 0 transparent;
}
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:50 am #8573cccmediaParticipantI initially tried to add the image via the header menu. It would not crop properly, so I used the same header.png file provided in the images and files and just dropped my logo on top of it, and then uploaded it via http://FTP. When I select remove the header image from the header menu, it just removes the file I had uploaded via FTP.
The solution you originally suggested actually resolved the issue in the firebug console, but the code is nowhere to be find in the CSS.
December 31, 2012 at 3:55 am #8574AnitaKeymasterI can't for the life of me figure this out. But when I first looked at it - I changed the word Transparent to color code #000000. Add the image back in there and let me look again. Keep in mind that I think your image was wider than the header space also.
Love coffee, chocolate and my Bella!
December 31, 2012 at 3:58 am #8575cccmediaParticipantIt's back up for you, Ani!
December 31, 2012 at 4:03 am #8576AnitaKeymasterDo you see this in your Style.css? If so, replace the URL you see there with the URL of your header image. Then remove the header from Appearance > Header.
#header {
background: url("images/header.png") repeat-y scroll center center #090909;
margin: 0 auto;
min-height: 120px;
overflow: hidden;
}
Love coffee, chocolate and my Bella!
December 31, 2012 at 4:10 am #8577cccmediaParticipantI found on 183 a very similar string of code but not exact. It didn't read "center center" but did say #090909 center repeat-y.
I added the URL, and then clicked remove header image from header menu and it went back to no header or image on site.
December 31, 2012 at 4:12 am #8578AnitaKeymasterSheesh, I am so stumped. Did you view it before you deleted it from the Appearance> Header? Add that back, take a look and if it's still not right. Submit a ticket and reference the link to this forum. I am totally stumped!
Love coffee, chocolate and my Bella!
December 31, 2012 at 4:35 am #8579cccmediaParticipantYep, I did. It was still exactly the same and cleared the cache prior to moving on to the header menu and removing it there. I have no idea what's going on with this particular theme/issue. Thank you SO much for trying to assist me. I'll be taking up your suggesting and issuing a ticket.
Thanks!
December 31, 2012 at 9:44 am #8595Jen BaumannParticipantYour site is in maintenance mode, but see this: http://www.studiopress.community/topic/outreach-and-header/
December 31, 2012 at 11:26 am #8607cccmediaParticipantJen, thanks for replying. I tried this, and it did center the header but now there is white space on both sides. The maintenance mode is no longer active and can be viewed.
Also, after centering the header, I thought perhaps just changing the width at that point would resolve it, but that had no effect and cache was cleared.
January 1, 2013 at 12:29 am #8688cccmediaParticipantDoes anyone in the forum tonight have any suggestions on how to resolve this issue?
-
AuthorPosts
- The topic ‘Header Misaligned’ is closed to new replies.