How can I set a static, scalable background photo on Dawn theme?

Store Design
1

Hello,

I would like to have the background on my shopify store be a set photo that does not move and is also scalable to mobile viewing. I am using the dawn theme currently. Can someone please help me? I also want to ensure that it still looks quality while having a pretty good seo load timer.

Thank you for your help!

2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

@starks4

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hello Ketan! Here is my link: https://into-the-gainsverse.myshopify.com/

The password is: awfrud

I would like to set 1 picture as the background for all of my pages. I have looked at multiple online guides, but it seems that the code has changed due the dawn theme updating. This is the code that I attempted to apply:

body {

border: 1px solid black;

padding: 0px;

background: url(“https://cdn.shopify.com/s/files/1/0641/1042/8411/files/Vaperwave_Website_Background.jpg?v=1651549664");

background-attachment: fixed;

body:before {

content: “”;

display: block;

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

z-index: -10;

background: url(https://cdn.shopify.com/s/files/1/0641/1042/8411/files/Vaperwave_Website_Background.jpg?v=1651549664) no-repeat center center;

-webkit-background-size: auto;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;

}

5

@starks4

wrong code can you try this

body {

 

border: 1px solid black;

padding: 0px;

background: url(“https://cdn.shopify.com/s/files/1/0641/1042/8411/files/Vaperwave_Website_Background.jpg?v=1651549664");

background-attachment: fixed;
}
body:before {

content: “”;

display: block;

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

z-index: -10;

background: url(https://cdn.shopify.com/s/files/1/0641/1042/8411/files/Vaperwave_Website_Background.jpg?v=1651549664) no-repeat center center;

-webkit-background-size: auto;

-moz-background-size: cover;

-o-background-size: cover;

background-size: cover;}