d
Topic
Posts:
38
7 days ago

Custom Background Image

I need help making my Home Pages Background a candy cane where its reaccuring like Kylie Jenners Cosmetics website. Thanks! Happy holidays.

i
Replies
Posts:
38
6 days ago

Bump. Can someone please help

 

Jason Shopify Expert freakdesign.com.au
Posts:
8225
6 days ago

Adding a background image is a simple change. You'll need to add some custom CSS, and since your store is live be sure to test things in a theme copy (and not the live theme).

This code can add a background image assuming you've uploaded the image to your asset folder and that the CSS file ends in .liquid.

body {
    background: url({{ 'some-image.jpg' | asset_url }});
}

If you're still stuck, post back.

You may find that you don't like the look of the site with a backgroud image, but this is something you can test in that theme copy.

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
Posts:
38
6 days ago

I added that code to the bottom of Themes.scss.liquid and changed 'some-image.jpg' to 'hero.jpeg'. My picture is named "hero.jpeg" in my online shopify folder. Nothing changed