Streaming live at 10am (PST)

Repeating background gradient

Hello everyone,

I’m experiencing something strange.

Created a linear gradient on the Body section. No idea why it’s repeating.
Did a search here and came up with an old topic that requires custom code. Is there a way NOT to use custom code?

Forgot to put in the link !

https://preview.webflow.com/preview/rons-fresh-project-d1b33a?utm_medium=preview_link&utm_source=designer&utm_content=rons-fresh-project-d1b33a&preview=b9fafd3e8c1048d9e85790ee8ad6d8d9&mode=preview

…surely this can’t be a hard question…?

I found when applying a gradient background that needs to span the whole page. You can put a Section and give it a class something like “background-gradient”. Then nest your page contents within that.

I noticed in your project you have multiple sections with child containers. I would remove all the parent sections as they are not needed in that layout. Set your containers to margin: 0 auto; and give the container a max-width property. This will keep your contents all nice in the middle without anything shifting around.