How to add a background image on Shopify Refresh

Store Design
1

Hi guys,

I don’t know how to add a background image on my website. Whenever i use the code, nothing happens.

Any advice?

2

hi @ORBITALLSUP ,

In that the case, you should be need check the code format or the logic handle. Maybe have some wrong or bug in the code when you embed, so if you need check regarding technical, don’t hesitate contact with me.

Thank you!

3

Hi @ORBITALLSUP ,

Please follow the steps below:

  • Step 1: Upload background at Assets.

Screenshot.png
Screenshot.png1028×483 22.4 KB

for example background image named: background.png

  • Step 2: Go to theme.liquid file and add code here:

Screenshot.png
Screenshot.png1213×666 36 KB

Code:

Hope it helps!

4

Hi thank you for this, when i apply the code at that position, the screen goes white, it doesn’t show the background?

my website is www.orbitallsupplements.com

pass: Test1234

5

Hi,

So that didn’t work, i also need it on the header/collection and email page. Also i added the header, but it cuts of, what is the optimal image size for shopify?

My background is really subtle, it’s black with stars. I managed to do it on my password page, but the actual website i am struggling.

www.orbitallsupplements.com

Pass: Test1234