-
Posts
-
As stated in the title, we’re currently having problems with the background of the footer.
As you can see in the page (URL in private reply), we’d like to have the same background color for the body & footer.
I literally transformed the HSLA to RGBA, but it’s clearly not the same color.. I also changed the footer’s background color using inspect element and simply copy-pasted the HSLA from the body, but with the same result.. it’s not the same color for some reason.I’ve been looking at all the styles in the footer but can’t figure out what the problem is. Why isn’t it the same color?
Hi there,
You need to change body background too, it should be hsla(47, 34%, 81%, 0.63).
Please add following code too:
.x-topbar, .x-colophon.bottom { background-color: transparent; }Hope it helps.
Hey Christopher,
Thanks for your quick reply. Is it really necessary to change the body background to that color? To be honest, that doesn’t sound very efficient to me. Shouldn’t we just simply be able to have a color for body and footer? It’s still not clear to me why the footer isn’t displaying the right color, even though the color code is correct.
Hi There,
We know that this color
background-color: hsla(47, 34%, 81%, 0.63);is semi-transparent right? So it blends with the color behind it.The main content container has a pure white background that is why it looks light.
Now the
<body>has a not so white (#f3f3f3) background color that’s why the footer has a darker blending.Sorry if this is kind of confusing. Please add this on your custom CSS.
body {background-color: #fff !important;}That is to balance the background color of the main content and
<body>.Change the text color of your footer, its to light right now.
Hope it helps, Cheers!
- <script> jQuery(function($){ $("#no-reply-1353509 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
