How can I change and optimize my Dawn background image?

Store Design
, ,
1

HI

im trying to change my background image on Dawn ive tried a few tutorials they havnt worked.

i have the image in my assests and i want it to fill the whole background and not repeat or tile

Please help

2

Hi @kasperjoensuu
What is the background image you want to change?
Can you give more detail for your requirement.
also Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hi @kasperjoensuu ,

Please go to theme.liquid file and add code here:

Screenshot.png
Screenshot.png1120×799 37.2 KB

Code:

#MainContent {
        background: transparent !important;
      }
      body.gradient {
        background: url('{{ 'background.png' | asset_url }}') no-repeat center center fixed !important;
        background-size: cover !important;
      }
      .gradient {
        background: transparent !important;
      }

where ‘background.png’ is the name of the background uploaded at Assets