background picture to store

[BDPK]

hi there i have a store a applied picture background background is visible on mobile but its not showing on desktop my url is https://sundip1.myshopify.com/

[Tech_Coding]

Hello @BDPK 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  body{
     background-image: url('your-image-url.jpg') !important; /* Replace with your image URL */
     background-size: cover;
     background-position: center; 
     background-repeat: no-repeat;
   }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BDPK]

on refreshin background just flick and vanished away

[Tech_Coding · Accepted solution]

remove above code and add below code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
body#sundip1 {
background-image: url(https://cdn.shopify.com/s/files/1/0909/7229/1354/files/Untitled_design_10_1.png?v=1733295500) !important;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
</style>
RESULT:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[DaisyVo]

HI @BDPK 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

div#PageContainer {
    background:  background: url("https://cdn.shopify.com/s/files/1/0909/7229/1354/files/Untitled_design_10_1.png?v=1733295500") center;
    background-size: contain;
}

Here is the result: https://prnt.sc/w2H0stHp2ocu

Please change the URL with the image link that you want

Best,

Daisy