Solved~

I overlooked a simple solution~

So I'm rather new to the whole coding thing, and most of what I've done was accomplished with w3schools and sheer stupid luck. xD

Anyways, I seem to have hit a snag with

Izzie 's profile background. I have the header all nice nice at the top of the screen, but I can't seem to figure out how to get the background behind the header to be gradient the full length of the page. It has a random dark stripe and then ends up repeating itself before reaching the bottom...

It seems like everything I try either removes the image at the top (the ocean surface), or turns the page completely/half white. I've tried no-repeat, z-index, different ids and classes, adjusting the page/content height (though I very well may have been doing one or all of them wrong) with no luck, ^^;

Here is my sad little code so far:

SPOILER (click to toggle)

<style>
, , -ban, -ban-main, -lrc, -rrc, , -right, , , , h2,  a, ,  {display:none;}
, , body, ,  {background-color:transparent;}
 {
overflow: hidden;
height: auto!important;
}
,  {
background: transparent;
color: ;
}
body {
background: url(https://orig00.deviantart.net/a1b7/f/2018/114/4/7/top_bg_by_saliteo-dc9rc45.png) center top repeat-x, linear-gradient(, );
}
 {
background: transparent;
border-radius: 15px;
color: ;
width: 450px;
border: 7px double ;
}

</style>

[edit] So I kind of fixed it, I think? I'm still having issues with the far left and right of the screen not being gradient...but at least its not repeating now!

<style>
, , -ban, -ban-main, -lrc, -rrc, , -right, , , , h2,  a, ,  {display:none;}
, , body, ,  {background-color:transparent;}
 {
overflow: hidden;
height: auto!important;
}
,  {
background: transparent;
color: ;
}
body {
background: url(https://orig00.deviantart.net/a1b7/f/2018/114/4/7/top_bg_by_saliteo-dc9rc45.png) center top repeat-x, ;
}
.gradient {
width: 100%;
height: 100%;
position: absolute;
top: 800px;
left: 0px;
background: linear-gradient(, );
z-index: -1;
overflow: auto;
}
 {
background: transparent;
border-radius: 15px;
color: ;
width: 450px;
border: 7px double ;
}
</style>

Any help at all is most appreciated! <3

Logged Out

Solved~

Replies