Background Image

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
13 years ago
Hello Everyone,

I know this has been asked a few times in the forums however I am not a programmer/designer. I have a web designer who has created my main site for me www.snowwrite.com.au and then the shopping cart is on a sub domain from there.

I want the cart to look consistent with my main site, having the same logo and background (I am not fussy on other colour changes at this stage).

The web designer has managed to upload my logo from information in these forums, but is having a lot of trouble uploading a background (the same one found on www.snowwrite.com.au). She has read through the forums and said she is not finding the exact information she needs. (Unfortunately I am not familiar with html or css etc so can’t just do it myself). The web designer is mostly familiar with html, not css but is willing to give it a try just so we can get the background image up.

Is there anyone out there who would be so kind as to provide a step by step instruction on how to upload a background image? I want it to appear on all areas of the site (not just the cart - but the home page, everywhere, etc).

I would be forever grateful!

(And thanks to nopCommerce for helping small business out there - providing such a wonderful open source cart with plenty of features!).

Thank you in advance.
13 years ago
Edit your stylesheet: http://snowwrite.net/shop/App_Themes/nopClassic/styles.css

Edit the style for the body tag, starts at line 27 (add the underlined text)
body
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;    
  font-size: 12px;
  text-align: center;
  background url:('http://snowwrite.com/wpimages/wpff605d05.png'); /* remove this line */
  background-image: url('http://snowwrite.com/wpimages/wpff605d05.png'); /* add this line */
}

Edit the style for the master-wrapper-page element, starts a line 73 (add the underlined text)
.master-wrapper-page
{
  margin: 0 auto;
  width: 830px;
  background-color:#fff; /* add this line */
}

Your stylesheet has multiple entries like the following that need to be removed as they are incorrect:
background url:('http://snowwrite.com/wpimages/wpff605d05.png');

.
13 years ago
Thank you so much for such a quick reply!

I am passing this on to the designer now... hopefully she can work it out from there!

Thank you again!
13 years ago
Just wanted to say thank you thank you thank you again! We were able to add the background image with no problems at all with those step by step instructions! I really appreciate it!
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.