Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 2911
  • Last Modified:

add custom background to shopify theme

Hi,
We would like to add a custom background to our site - http://www-helpinghandz-com.myshopify.com/
In an effort to resolve this I found the below code within the style.css for Launchpad. After many attempts to set the background url we can’t get bg.png to show. The question:
What is the syntax or what do we need to change to get the background to work properly?

Image url: http://cdn.shopify.com/s/files/1/0353/6305/files/bg.png?677 
___________________________________________

html,body { margin: 0; padding: 0; border: 0; background-color: {{ settings.shop_bg_color }}; }
html { font-size: 62.5%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%; }
body { line-height: 1.45em; font-size: 14px; color: {{ settings.body_font_color }}; font-family: {{ settings.base_font | remove: 'Google+' | replace: '+', ' ' }}; }

{% comment %}

Commented out CSS for background for easy background image uploading in case customers ask. Simply upload a file called 'bg.png' and delete lines as necessary.

html{
  background: url({{ 'bg.png' | asset_url }}) 0 0 repeat scroll;
  background: url({{ 'bg.png' | asset_url }}) 0 0 no-repeat scroll;
  background: url({{ 'bg.png' | asset_url }}) 0 0 repeat fixed;
  background: url({{ 'bg.png' | asset_url }}) 0 0 no-repeat fixed;

  /***dat fullscreen background***/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
{% endcomment %}
0
sio2y
Asked:
sio2y
  • 2
1 Solution
 
sio2yAuthor Commented:
This is what we have now:

background: url({{ 'bg.png' | asset_url }}) 0 0 no-repeat fixed;

Still not showing.
0
 
sio2yAuthor Commented:
Resolution:

We were uploading the image bg.png to files not assets. once we uploaded to assets it showed perfectly.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now