How to set an image as background in Dawn 7.0 theme?

Store Design
1

Does anyone know how to apply an image as background in Dawn 7.0? I’ve found some solutions for previous them versions, but they’re not working for my updated theme.

2

Hi,

You can do that through custom CSS. The syntax, below:

targetedElement {
background:url("IMAGEURLHERE");
}

For a better relevancy, you can share your website link and indicate which element has to have the background image, and which image.

Cheers!

3

What should my target element be if I want it as the background for all pages?

4

The element, unless there are other elements that are overlaying this. As below:

body {
background:url("IMAGEURLHERE") !important;
background-size:cover !important
}

Hope that helps!

5

Thanks! that worked for collection pages and product pages (but there are sections at the bottom of product pages where it’s not applying). Also not applying on header/footer and homepage. I’ll probably need to play with different target elements in order to get it to apply to all those other places.

6

It applies to the body, but navigation/footer is most likely have a background color, which is overlaying the body image.