Background color and image

Using a full-page background

If you want to apply a background so it takes the entire page, use the technique above and set the background image on your page:

CSS:
.page-with-bg {
  background-image: url('some-background-url-or-datauri');
  background-size: cover;
}

HTML:
<div class="page page-with-bg">
  Content for a single page
</div>

Don't forget to change the margin and padding to 0 on your Template settings

Updated on: 16/08/2023

Was this article helpful?

Thank you!