- This topic is empty.
-
AuthorPosts
-
November 4, 2011 at 8:41 am #35039msmartiParticipant
Can anyone tell me how to fix my header so that the sides line up with the header? I don’t want to move the header down, I want to bring the sides up. You will see what I mean when you go to my page. Thanks!!
frugalwallets.com
November 4, 2011 at 9:59 am #90180bluceMembermsmarti,
if you’re talking about the white bar extending across the page (your background image) you will need to edit the background image and shorten the height of the white bar, or just set a height, or padding bottom to the nav div to equal out the white.
I hope this helps you out a little.
November 4, 2011 at 12:34 pm #90185Paulie_DMemberTo be honest, I’d think about re-structuring the whole thing as it seems unnecessarily complicated markup & structure to me.
I think you could lose a few background images with a couple more wrapper divs. It might lighten the page-weight too!
November 4, 2011 at 2:06 pm #90189standuncanMemberI would really think about restructuring the site as well. Page load times are slooowwww… however, if you want a simple quick fix, just modify the background-image to match the layout. Cut off a few pixels (~7px) of the white top of the image or adjust the background position.
November 4, 2011 at 2:50 pm #90192msmartiParticipantHow do I write it if I did this: you could set the background-position of the body background-image to 50% -7px
November 4, 2011 at 4:31 pm #90195msmartiParticipantThank you so much…..every time your suggestions always work well on my site!!!!!
November 4, 2011 at 4:42 pm #90196msmartiParticipantCan you tell me why I am seeing this? I am trying to leave an email and its asking for word verification but I cant see the letters…I get this box instead.
November 4, 2011 at 5:54 pm #90197msmartiParticipantI can see how this fixes it in Firebug but when I go to my CSS I dont see it.
body {
background-attachment: scroll;
background-image: url(“http://frugalwallets.com/wp-content/uploads/2011/10/header-fw-bg9.png”);
background-position: center -7px; */ <-- change here */
background-repeat: repeat-x;November 4, 2011 at 6:28 pm #90198standuncanMemberIt’s not inside your CSS, it is inside the <head> of your document, so i would suggest looking for it in the document named “header.php” and modify it there. You can remove it from there and then add it into your CSS style sheet if you’d like, I would. However if you keep it both places, due to localization, the CSS embedded in your document will overpower and rule.
November 4, 2011 at 6:41 pm #90199msmartiParticipantI have no idea what you are referring to…..i am using WordPress and I don’t see anything that says header php. lol
November 4, 2011 at 6:43 pm #90201standuncanMemberAre you using a theme or are you modifying the default theme or ?
Try:
root folder > wp-content > themes > (your theme name) > header.phpIt may not be there depending on how you have your site setup?
EDIT: Now that I think about it, it probably isn’t there. Where are you editing your CSS, in what document?
November 4, 2011 at 6:47 pm #90203msmartiParticipantI just go into my WordPress dashboard and click on Editor and it displays the CSS
November 4, 2011 at 6:49 pm #90205msmartiParticipantThis is how it looks when after I click on EditorYour text to link…
November 4, 2011 at 6:52 pm #90206standuncanMemberOh ok. Well I’m not for sure where it would be coming from then, because you are just editing:
root folder > wp-content > themes > (your theme name) > style.css
Out of curiosity, what does it say right above the editing window? It should say something like:
“Twenty Eleven: Stylesheet (style.css)”You still might want to check where I said just in case?
November 4, 2011 at 7:19 pm #90208msmartiParticipantLifestyle Child Theme: Stylesheet (style.css)
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.