Hi there,
There is a strip of color matching the footer color at the very top of all pages of my website (www.toypianomusic.com/blog) which I cannot remove. Firebug gave me the following code:
body, body.fixed_width {
background-color: #667C96;
}
which I changed in my child theme style.css to:
body, body.fixed_width {
background-color: #ffffff;
}
But it had no effect. Any ideas on how to remove this strip or change it to white?
I also tried code I found elsewhere in the forums:
Link: http://bit.ly/z5ncpQ
Code:
.fixed_width #page {
margin:0 auto;
}
This code just made the strip at the top taller.
Thanks. I've checked this in Chrome and Firefox.
Little strip at top of page - Remove
Started by
tonyrage
, Jan 31 2012 07:56 PM
6 replies to this topic
#2
tonyrage
-
- Members
-
- 17 posts
Member
Posted 31 January 2012 - 07:57 PM
I should point out that I would prefer not to change my footer background to white which I realize would fix the problem.
#3
Rob
-
- Moderators
-
- 9,426 posts
One Smart Egg
- LocationEast Coast, USA
- Framework Version:The Latest, of course
-
Country:
Posted 31 January 2012 - 09:16 PM
May we have a link to your site?
#4
tonyrage
-
- Members
-
- 17 posts
Member
Posted 31 January 2012 - 10:26 PM
It's in the original question.
www.toypianomusic.com/blog
#5
kastelic
-
- Members
-
- 3,081 posts
Advocate
-
Country:
Posted 31 January 2012 - 10:45 PM
This should do it:
body { padding-top: 0; }
#6
tonyrage
-
- Members
-
- 17 posts
Member
Posted 01 February 2012 - 06:12 PM
Excellent. Thanks again for your help Kastelic!
#7
jba9
-
- Members
- 27 posts
Member
-
Country:
Posted 03 February 2012 - 09:45 AM
Trying the same thing in the new pagelines, tried code in custom css and it does not work... site is dev.knoweshotel.co.uk
