Footer is transparent when transparent is not selected in theme options

[toddbenton]

Hi X Theme Support,

I think there’s a bug in X and Pro regarding the standard footer (this doesn’t happen with pro footer builder). I haven’t seen any other reports on this in the forums but I have noticed it on multiple client sites. Here are sites where it’s displaying that I haven’t fixed yet. It seems to only happen on pages that have a background image, so I’ve linked to pages other than home pages since in some cases the homepage is not using a background images so it’s not appearing there.

https://lynniesterbaart.com
https://electrotechcoatings.com/about/

Retail General Contractor | Eleven Western Builders, Inc.

Southern California Representative for Electrical Products | PacWest Sales

About Us

Home

https://bentonwebs.com/portfolio

It looks fine on some sites due to the colors used but on others, like ewbinc.com, it renders the foot illegible.

Here’s the code I’ve used to fix it where I already have, but this shouldn’t be necessary:
.x-colophon.bottom {
background-color: xxxxxx;
}

Thanks for investigating and getting back to me. I looked in the latest release notes and didn’t see anything about this as a know issues.

[ruenel]

Hello Todd,

Thanks for writing in!

I have check a couple of your sites. They are using Integrity stack. With Integrity stack, the background color of the footer area will be dependent on the background color or the general background property of the site. And yes, your custom css were necessary to make sure that the footer content area will have a different background color.

Please keep in mind that each of the stacks were design uniquely. The footer were styled differently as well which is why for Integrity it is just transparent while on other stacks like Renew, you ave a different setup having it’s own background color.

Hope this explains the footer background color briefly.

[toddbenton]

It didn’t used to be that way. Otherwise I would have noticed this long ago. The footer on integrity stack definitely used to use white or black depending on whether using light or dark version and then could then be styled further with custom css.

For example, here is a site has not had an update to the theme in a while (since they are not on a maintenance contract) and even though it has a background image, the footer is white.
https://coriehurst.com/good-vibes/

But if you’re saying that’s the way it is now I will update accordingly.

[ruenel]

Hello Todd,

I have investigated this issue and I can confirmed that the default background color in the css were removed. In the previous version, we have this css:

.x-colophon+.x-colophon {
    border-top: 1px solid #e0e0e0;
    border-top: 1px solid rgba(0,0,0,0.085);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
}

.x-colophon {
    position: relative;
    border-top: 1px solid #d4d4d4;
    background-color: #fff;
    box-shadow: 0 -0.125em 0.25em 0 rgba(0,0,0,0.075);
}

In the latest release, we only have this streamlining the stylesheet:

.x-colophon+.x-colophon {
    border-top: 1px solid #e0e0e0;
    border-top: 1px solid rgba(0,0,0,0.085);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
}

.x-colophon {
    position: relative;
}

In Integrity, footers with custom background images or footer that has different background colors from the site will now need custom css which explains why your code have fix the issue.

Regards.