How to add a background image Studio 14.0.0

Store Design
, , ,
1

Hi, I would like to add an image as a background of my homepage using the Studio 14.0.0 Theme. I have uploaded the image to assets and can’t seem to link it properly for the image to appear in the page.

Thank you in advance for your kind help.

2

Hi @Ocean5

Do you mean you want to use the image as the background of the homepage only? Could you share your tore URL and image link?

3

Hello @Ocean5

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.template-index { background-image: url('{{ 'background-image.jpg' | asset_url }}'); background-size: cover; background-repeat: no-repeat; background-position: center; }

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

4

Hi, unfortunately this didn’t work, I still can’t see my image.