NO BUG: I cannot change my background color in Bricks

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

https://shentohendriks.shentostaging.nl/

I tried everything, but I cannot prevent this bug. In the bricks builder, the background color is correct, but on the live site it’s dark? I tried setting the page background color, the theme background color, but it keeps being black.

I inspected the elements, and saw that the <html> tag set’s background-color: to #171717
But I don’t know where I can change this css file? I tried everything from changing the CSS loading method to regenerating external CSS

.brxe-text-link {
    gap: 5px
}

.brxe-text-link,.brxe-text-link span {
    align-items: center;
    display: inline-flex
}

.brxe-text-link span {
    justify-content: center
}

.brxe-text-link svg:not([width]) {
    min-width: 3px
}

.brxe-text-link svg:not([height]) {
    min-height: 3px
}

:where(.brxe-heading).has-separator {
    align-items: center;
    display: inline-flex;
    gap: 20px
}

:where(.brxe-heading)>[contenteditable] {
    display: inline-block;
    text-decoration: inherit
}

:where(.brxe-heading) .separator {
    border-top: 1px solid;
    flex-grow: 1;
    flex-shrink: 0;
    height: 1px
}

html {
    background-color: #171717
}

body {
    background: none
}

#brxe-hetggo {
    text-align: center;
    line-height: 1;
    font-family: "Instrument Serif";
    font-size: calc(var(--h1--font-size) * 1.5)
}

#brxe-njxxtz {
    margin-bottom: 2rem
}

#brxe-xblghp {
    display: flex;
    column-gap: .5rem
}

@media (max-width: 478px) {
    #brxe-xblghp {
        flex-direction: column;
        row-gap: 1rem;
        align-items: center;
        width: 100%
    }
}

#brxe-eoexsy {
    align-items: center
}

#brxe-hyqdhd {
    text-align: center
}

#brxe-bhegkg {
    align-items: center;
    padding-top: var(--section-space--large);
    padding-bottom: var(--section-space--main)
}

#brxe-aksylj {
    margin-bottom: 0
}

#brxe-gfkbvo {
    display: flex;
    flex-direction: row;
    column-gap: 5rem
}

@media (max-width: 991px) {
    #brxe-gfkbvo {
        flex-direction: column
    }
}

#brxe-wnuxue {
    display: flex;
    column-gap: 5rem
}

@media (max-width: 991px) {
    #brxe-wnuxue {
        flex-direction: column
    }
}

#brxe-gmbtqi {
    flex-direction: row;
    column-gap: 3rem;
    justify-content: space-between
}

@media (max-width: 991px) {
    #brxe-gmbtqi {
        flex-direction: column;
        row-gap: 1.5rem
    }
}

#brxe-cimxub {
    text-transform: uppercase
}

#brxe-zllrgx {
    padding-bottom: 2rem
}
2

If some staff would like, I could give you access to my website.

3

Okay I fixed it, it turned out that in the footer in page settings I accidently set up the Page Background as that black color.

1 Like