Odd grey texture space on background

Support
#1

hello,

how can i make the background color at the bottom footer #043e5e ? example on this page: http://abwweb.org/
Currently on some pages with little content the area appears, I would like it to be all blue.

thanks!

#2

Hi there,

Please add this CSS code:

body {
    background-color: #043e5e !important;
}

Hope that’ll do it.

Thanks.

#3

added the code, but the grey area still shows up.

#4

Hi There,

I cannot see that on my end. Please clean your browser cache and test it again.

Thank you!

#5

always clear the browser cache before i say something doesnt work.

its still shows up, happening on browsers window at 1100+ height.

#6

Hi There,

That happens because your content is not long enough for your browser window.

Please add the following code instead of the previously give:

body {
   min-height: 100vh;
}

Hope it helps!

#7

sorry still not hiding the grey area. this page doesnt have that much content.

#8

Hi there,

I see you have this code

body {
    font-style: normal;
    font-weight: 400;
    color: #c89e56;
    background: #043e5e url(//theme.co/media/bg-integrity-1.png) center top repeat;
}

Please use only background: #043e5e; no url after that.

Thanks.

#9

i tried that, i actually dont have the code above in my custom css, but i saw that too.

i tried:

body {
min-height: 100vh; background: #043e5e;
}

the area is still there though.

#10

Hi there,

Please try this instead:

.site {
    min-height: 100vh;
}

Hope this helps.

1 Like
#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.