CSS for header background color not working

  • I am having an issue with my custom CSS. When I went to bed last night, everything was working as it should. I checked my blog this morning, and the header background color is no longer showing. I changed nothing in my custom CSS between last night and this morning.

    The background image I am using for the body of my blog is now showing as the background for the header, too, even though I have a separate background color specified for my header in my custom CSS.

    How did this stop working overnight, and what can I do to fix it? This is the current custom CSS I have for the header background and the body of my blog:

    #header {
    background: #d7caa9;

    body {
    background-image: url(‘http://hlindskold.files.wordpress.com/2012/04/background-12.jpg’);
    background-repeat: repeat;
    background-attachment: fixed;

    Again, it was working fine yesterday. (My mobile theme also stopped working overnight, and I had to uncheck the box for my custom CSS also applying to my mobile theme in order to make the mobile theme look presentable. I don’t understand how it changed on its own overnight.)

    Thank you for your time.

    The blog I need help with is: (visible only to logged in users)

  • Well, I seem to have fixed it with the “!important” tag, but I’m not sure why I had to do that all of a sudden. I’d really love to know what happened.

    My mobile theme is still messed up unless I uncheck the “Include this CSS in the Mobile Theme” box, which I didn’t have to uncheck before. And when I uncheck that box, my header doesn’t show on the mobile theme–just an empty square box where I’m assuming my header image should be.

  • And now I’m seeing other things that have gotten messed up since yesterday. Now the custom CSS I am using for the “next” button on the slider isn’t doing what it should, either. The button isn’t at the right edge of the slider like it should be (and like it was yesterday).

    I am so frustrated. I don’t understand how everything could have gotten messed up overnight without me touching it. I don’t know how to fix any of it. I worked so hard on this design and haven’t had to change anything for MONTHS.

    Anything you can do to help me would be wonderful.

  • Well, it seems that some of the code (tags or whatever) in the original CSS for the theme was changed, and that made some of my custom CSS stop working like it should. This is very strange since it happened with no warning. It looks like I got everything fixed.

  • Hello @hlindskold,

    Yes, we did push out a few changes that changed the markup in Fresh News. I did go through your site and correct the styles, but it is possible that they did not get saved. Perhaps I forgot to click the button? I’m terribly sorry about this.

    It looks like you were able to adjust the button positioning already. We pushed out some changes today which restored the radio buttons below the images.

    I hope everything is as it was at this point. FWIW, changes like this are something we try to avoid at all costs. Really sorry your site was affected.

  • Hi, Michael,

    Yes, I think I got everything fixed. I saw your revision to my custom CSS and was entirely confused about why someone else would have been doing anything with it. I feel better now that I have things fixed and now that I know what happened. Maybe there could be some kind of message sent out next time to let people know that things are being tweaked? I don’t know how easy that would be.

    Thank you for responding to me. I appreciate it.

  • Thanks @michaelfields!

    Happy to see this issue has been @hlindskold and if you due run into any issues please make sure to let us know and we’ll do our best to help get you pointed in the right direction.

    Kind Regards,

  • The topic ‘CSS for header background color not working’ is closed to new replies.