Black Background appears on published version

  • russejam713

    (@russejam713)


    3 years, 5 months ago

    Hello, I have this black background that shows up only on the published version of all my pages. I went through the forums and looked at the customizer and the CSS. The weird part is the black goes across multiple blocks vertically but does not stretch the entire width of the pages. I can make each row a color to cover parts of the black, but the black is outside those margins. I can set the whole page background, which shows up, but only the areas not covered by the black.

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    3 years, 5 months ago

    The black background is from the following CSS injected into the footer of your website, coming from the Divi Builder plugin:

    .et-db #et-boc .et-l.et-l--post {
     background-color: #000000;
}

    If you know what element in the plugin this refers to, you can tweak it from the plugin’s visual settings. Other than that, you’ll need to use brut-force to override it via custom CSS in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS.

    Eg:

    .et-db #et-boc .et-l.et-l--post {
     background-color: #ffffff !important;
}
    George Appiah

    (@gappiah)

    3 years, 5 months ago

    The weird part is the black goes across multiple blocks vertically but does not stretch the entire width of the pages.

    The silver lining of this black background is that it clearly shows that your layout is broken 😀

    Your homepage has a 2-column layout: the PRIMARY column, whose defined area is covered by the black background; and a SECONDARY COLUMN (aka right sidebar) which is currently completely empty.

    Meanwhile, the content in your PRIMARY column is bleeding or extending beyond its defined boundary (anything outside the black background is overlapping the right sidebar’s column)… making it seem “weird” to you that the black background doesn’t stretch to cover the endite width of the page. It’s not weird: it’s not supposed to 😀

    In the screenshot below, I’ve given the empty SECONDARY COLUMN (right sidebar) a background color for you to see what I’m talking about. The two columns have the background colors black and rebeccapurple.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Black Background appears on published version’ is closed to new replies.