Footer color inconsistency

[BKosarek]

If you look at the bottom of this page, right above the words Preview Our Umanity App, there is a color inconsistency. I tried adjusting the margins, padding, and slider, but there is this lighter blue between the top of the slider and the top of the footer. I’m not sure how to get rid of it. You can see the slider is the dark blue. Can you see if there’s anything I can do to get rid of that lighter blue color. Adjusting the margins and padding don’t resolve this issue.

Workshop 6 Registration -w- Luke Hudek - Learn Together

[ruenel]

Hello Bryan,

Thanks for writing in!

I have investigated your issue and it seems that you have inserted a broken HTML code into the page that messes up the layout. You have inserted these:
<b><font color="#fad441">1</font><b/>

<b><font color="#fad441">2</font></b> The biggest <u>cognitive disease</u> of today’s world</font></b>

The correct codes should only be:
<b><font color="#fad441">1</font></b>

<b><font color="#fad441">2</font> The biggest <u>cognitive disease</u> of today’s world</b>

Be advised that <font> and <b> tag were deprecated. As a replacement, you can use <strong> tag.
For example:
<strong style="color:#fad441;">1</strong>

It is less code and follows the latest standards. Perhaps, these links may help you:

• https://html.com/tags/strong/
• https://www.w3schools.com/css/css_howto.asp
• https://www.w3schools.com/html/html_css.asp

Please correct these errors first because it is affecting the layout of the page.

We would love to know if this has worked for you. Thank you.

[BKosarek]

Hi, thank you. We removed that wording all together. But that didn’t answer the question I asked about the footer. Can you take a look again?

[jade]

Hello Bryan,

It looks like the upper footer area is a smart slider which has a background color set it to which is #0f0e42 which does not exactly match the background color you set for the footer area as you have this code:

footer.x-colophon.top, footer.x-colophon.bottom {
    background: #18154B;
}

Try changing the color value of the CSS code to match the background color of the slider.

Hope this helps.