• Resolved liveloveliberate

    (@liveloveliberate)


    Hiya everyone!!!!

    Previously, I was using a custom image as my background which worked very well – I then set it to a solid color, black…and it started doing this: https://www.peerwithin.com/questions-and-answers

    I then thought to myself, maybe uploading a huge image of a black background would work… but it did the same thing. It seems like it’s not recognizing that the website extends that far down. Any ideas?

    CSS suggestions welcome. πŸ™‚

    Be happy!

Viewing 15 replies - 1 through 15 (of 19 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try deactivating all your plugins to explore whether any could be responsible

    Thread Starter liveloveliberate

    (@liveloveliberate)

    Thank you for your reply! I de-activated all recently updated and recently installed plugins (since the problem started) and no luck. Is it possible there’s a conflict between the new version of WordPress and my theme?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter liveloveliberate

    (@liveloveliberate)

    Thank you!!! That’s a really helpful tool. Where can I edit the HTML markup directly? The HTML stems from the PHP source, right? Do I need to edit the PHP files?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Hang on looks like you fixed the validation issues? Well the key ones like unclosed <head> element or something – those were the ones I was worrying out, but it still looks like you have an issue?

    Thread Starter liveloveliberate

    (@liveloveliberate)

    Thank you for your support Andrew. I played around a little bit without any success – my question is WHERE the unclosed head element is. Since the tool you pointed me to only displays the HTML source code which is a byproduct of the PHP; I’m not sure where to find the error in the PHP files.

    Thanks again! πŸ™‚

    In header.php

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It doesn’t look like you have the validation issue with the unclosed head any more, so I don’t think you have to worry abou tthat.

    Basically the issue is your <body> element (the one you applied the black background to) has a shorter height for some reason. Not sure why, trying to explore this now

    Just take off this declaration, and everything should be fine:

    #header-full {
      background-color: #131211
    }

    Looks like you’ve added that as an inline style.

    Thread Starter liveloveliberate

    (@liveloveliberate)

    I don’t think I have that declaration in my style sheet: only

    #header {
    	background:none;

    Am I confused about what you’re saying?

    Thank you sooo much for all of your help! πŸ™‚

    Thread Starter liveloveliberate

    (@liveloveliberate)

    I do see that in the theme’s settings though.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks like the issue is to do with this stylesheet being loaded https://www.peerwithin.com/wp-admin/css/login.min.css?ver=3.9

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    And this style specifically being applied:

    html,
    body {
     height: 100%;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a “Custom CSS” option in your dashboard?

    Yea. It’s not included in a style sheet.

    From what I can see its dynamically being put there through a plugin, through the functions.php file or through a template file being declared like

    <style>
    #header-full {
      background-color: #131211
    }
    </style>

    If you right click, select inspect element, and search the page for background-color: #131211 you’ll see exactly what I’m talking about.

    Again, its not included in a style sheet.

Viewing 15 replies - 1 through 15 (of 19 total)

The topic ‘Backgrround color inconsistent…strange’ is closed to new replies.