Solved

add custom background to shopify theme

Posted on 2014-04-08
2
2,413 Views
Last Modified: 2014-04-08
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
Comment
Question by:sio2y
  • 2
2 Comments
 

Author Comment

by:sio2y
ID: 39986056
This is what we have now:

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

Still not showing.
0
 

Accepted Solution

by:
sio2y earned 0 total points
ID: 39986157
Resolution:

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

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Read about how to choose the best possible content marketing agency to suit your needs. Content marketing has become an integral part of running a successful tech business, so it is wise to be informed.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This tutorial demonstrates a quick way of adding group price to multiple Magento products.
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…

914 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now