Results 1 to 7 of 7
  1. #1
    Join Date
    Jun 2012
    Posts
    28
    Plugin Contributions
    0

    Default Background image doesn't show

    Hello,
    i'm new into Zencart and CSS coding so i'm confused about my site appearance. I want to put a custom image as a body background but the issue is when i edit the CSS sheet with the background image code it doen't appears and there is a white background only . . Maybe i mistake the place where i uploaded the picture? I used my Photobucket account. I have to put the file onto my public_html folder with ftp? But where? Ah also in other parts of the page (like footer, etc) when i upload an image it appears white/transparent as in head part.
    Here is my site
    http://ichigousagishop.com/
    I also used the Stylizer application but the same issue of the blank background happens.

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Background image doesn't show

    for body background , you want to add http:// to the image address.

  3. #3
    Join Date
    Jun 2012
    Posts
    28
    Plugin Contributions
    0

    Default Re: Background image doesn't show

    Quote Originally Posted by tony_sar View Post
    for body background , you want to add http:// to the image address.
    I tried to add the http in my image link but nothing. The site looks like it has lost its " back spine", worse than before ....Maybe i have damaged the CSS sheet with Stylizer? I don't know.... Or maybe this template isn't editable with background images on header and stuff (but seems impossible, all zen cart are editable in my opinion)

  4. #4
    Join Date
    Oct 2008
    Location
    Croatia
    Posts
    1,542
    Plugin Contributions
    19

    Default Re: Background image doesn't show

    First, upload your background image to public_html/includes/templates/ashley_pink/images/

    Then, open your public_html/includes/templates/ashley_pink/css/stylesheet.css and change the following:
    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #888787;
    	background-image:url('images/njmfbgh.jpg');
    }
    Change the text marked red with your image name. This should show your image as the main background image. Of course, some aditional styling may be required.

  5. #5
    Join Date
    Jun 2012
    Posts
    28
    Plugin Contributions
    0

    Default Re: Background image doesn't show

    Quote Originally Posted by balihr View Post
    First, upload your background image to public_html/includes/templates/ashley_pink/images/

    Then, open your public_html/includes/templates/ashley_pink/css/stylesheet.css and change the following:
    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #888787;
    	background-image:url('images/njmfbgh.jpg');
    }
    Change the text marked red with your image name. This should show your image as the main background image. Of course, some aditional styling may be required.
    I did this in my CSS but nothing. I also uploaded my image file in my public_html folder...

  6. #6
    Join Date
    Oct 2008
    Location
    Croatia
    Posts
    1,542
    Plugin Contributions
    19

    Default Re: Background image doesn't show


    I needed some coffee...

    Change
    Code:
    background-image:url('images/njmfbgh.jpg');
    to
    Code:
    background-image:url('../images/njmfbgh.jpg');
    Notice the change in red...

  7. #7
    Join Date
    Jun 2012
    Posts
    28
    Plugin Contributions
    0

    Default Re: Background image doesn't show

    Quote Originally Posted by balihr View Post

    I needed some coffee...

    Change
    Code:
    background-image:url('images/njmfbgh.jpg');
    to
    Code:
    background-image:url('../images/njmfbgh.jpg');
    Notice the change in red...
    Thank you so much ! Finally with that little detail i can see my background image !!

 

 

Similar Threads

  1. v150 css problem - my background-image won't show
    By Kathy_ in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 20 May 2012, 11:43 PM
  2. why doesn't the image show up?
    By lrfowler in forum General Questions
    Replies: 0
    Last Post: 24 Mar 2012, 05:24 PM
  3. Product Image Doesn't Show
    By cchan in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 Jan 2011, 10:11 PM
  4. producr row background doesn't show correctly in IE
    By leest35 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 28 May 2010, 10:49 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR