Solved: White box

DaBossNicMusic · ‎07-08-2019

I had updated my website when a huge white box appeared on the screen. It covers the whole top of the website. It shows online but not on the weekly editor. Any ideas on how to fix?

Header Code- NONE

Footer Code-

<!DOCTYPE html>

<title>Text Example</title>

<style>

div.container {

background-color: #ffffff;

}

div.container p {

font-family: Arial;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-decoration: none;

text-transform: none;

color: #000000;

background-color: #ffffff;

}

</style>

</div>

Pictures

DaBossNicMusic · ‎07-08-2019

For now I think I fixed it. For anyone wondering I changed this:

<!DOCTYPE html>

<title>Text Example</title>

<style>

div.container {

background-color: #ffffff;

}

div.container p {

font-family: Arial;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-decoration: none;

text-transform: none;

color: #000000;

background-color: #ffffff;

}

</style>

</div>

To:

<!DOCTYPE html>

<title>Text Example</title>

<style>

div.container p {

font-family: Arial;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-decoration: none;

text-transform: none;

color: #000000;

background-color: #ffffff;

}

</style>

</div>

I took out the background as it seemed to interfere with the header. Thanks for for checking in though.

View Best Answer >

Bernadette3 · ‎07-08-2019

Did you get this sorted out, @DaBossNicMusic? I'm not able to duplicate your second image. Thanks!

DaBossNicMusic · ‎07-08-2019

For now I think I fixed it. For anyone wondering I changed this:

<!DOCTYPE html>

<title>Text Example</title>

<style>

div.container {

background-color: #ffffff;

}

div.container p {

font-family: Arial;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-decoration: none;

text-transform: none;

color: #000000;

background-color: #ffffff;

}

</style>

</div>

To:

<!DOCTYPE html>

<title>Text Example</title>

<style>

div.container p {

font-family: Arial;

font-size: 22px;

font-style: normal;

font-weight: bold;

text-decoration: none;

text-transform: none;

color: #000000;

background-color: #ffffff;

}

</style>

</div>

I took out the background as it seemed to interfere with the header. Thanks for for checking in though.

Adam7 · ‎07-09-2019

Thanks for sharing your solution, @DaBossNicMusic!

sharpst · ‎11-05-2019

I am having the same issue where every new section I create has a massive white box in it. I can't see it on the editor but preview puts it front and center down the entirety of my page. What in the world?

Bernadette3 · ‎11-05-2019

Hi there. What's the site name you are working on and the page name?

White box

Need help elimintating white box around header log...

I can't delete the white box and the pictures

Change background colour of a title box or text bo...

Extra White Space at Bottom of Pages

Changing footer colour to white