Can I use an image for the background of my store?

You can use an image for the background with some custom CSS. Just note that the main content background is set to none so the background image is visible.

  1. Sign into your Shopify admin
  2. Go to 'Online Store' > 'Theme'
  3. Click 'Actions' > 'Edit Code'

Can-I-edit-the-mobile-CSS-code_1.gif

      4. Scroll down to the 'Assets' Folder and select the 'theme-custom.scss.liquid' file

      5. Paste the following line of code in:

body { background-image: url(<http://image-url>) }

If you want the background to affect the main content (not the header or footer), then paste in the following line of code in place of the one above:

#app-body { background-image: url(<http://image-url>) }

 Can-I-use-an-image-for-the-background-of-my-store_2.gif

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.