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 on theme.liquid

body{ background-image: url('your-image-url.jpg') !important; /* Replace with your image URL */ background-size: cover; background-position: center; background-repeat: no-repeat; }

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]

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 on theme.liquid

body#sundip1 { background-image: url([https://cdn.shopify.com/s/files/1/0909/7229/1354/files/Untitled_design_10_1.png?v=1733295500](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; }

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

[Abdellahsaidi]

how???

Show More

It’s not working< Can you share a video?