Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    106
    Plugin Contributions
    0

    Background Images

    Please Help!!!!!!!!! I need to know how to put my background image on my shopping card..... what path I need to take.... I am racking my brain and it hurts. Help Please...... Thank you and GOD BLESS

    Joseph

  2. #2
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Background Images

    Joseph,
    Breathe, calm, focus, relax
    If you are refering to the main background on either side of the store page then you need to put the image in the images folder and the add this line to your stylesheet in the body rule
    Code:
    background-image: url(../images/bg_stone1.jpg);}
    Adjust the filename in red to your filename
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  3. #3
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    106
    Plugin Contributions
    0

    Default Re: Background Images

    Mike,
    I am Breathing a little slower now...... do you mean body
    {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 62.5%;
    color: #000000;
    background-color: #e5edf5;
    background-image: url(../images/backgrnd1.png);}

    And I put it in my cart images folder but nothing happened...... what would happen if you had it in the wrong folder or in 2 or 3 different folders? Thanks for your help

    God bless
    Joseph

  4. #4
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Background Images

    This is from my stylesheet. The body rule set is the first one at the top of the stylesheet
    Code:
    body {
    	margin: 0;
    	font-family: verdana, arial, helvetica, sans-serif;
    	font-size: 62.5%;
    	color: #000000;
    	background-color: #bca492;
    	background-image: url(../images/bg_stone1.jpg);}
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  5. #5
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    106
    Plugin Contributions
    0

    Default Re: Background Images

    Mike,

    PRAISE THE LORD....... I got it

    but I have another question for you...... how come the colors comes out different on my wife's laptop..... how do you change the color of the side boxes..the header... they are green now.....www.mydoggilicious.com/cart

    Joseph

  6. #6
    Join Date
    Jun 2003
    Posts
    33,715
    Plugin Contributions
    0

    Default Re: Background Images

    Template related images need to be in the template images directory.

    If your template is YOUR_TEMPLATE, then you need an images directory inside YOUR_TEMPLATE
    Please do not PM for support issues: a private solution doesn't benefit the community.

    Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

  7. #7
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Background Images

    I see you got it to work.

    Kim,
    I agree with you on the location, but if I wanted use that background with multiple templates (ie. seasonal) would it not be better to put it in the main images directory so that I don't have to have multiple copies of it?

    Nevermind me. I just checked the location of my background images and its in my template directory forgot about ../images is my template images directory
    Last edited by barco57; 19 Oct 2006 at 07:54 PM.
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  8. #8
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Background Images

    Code:
    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    	margin: 0em;
    	background-color: #ffffff;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	}
    as you can see the header currently have an image, either replace that image or delete the background-image line and adjust the background-color to your liking
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  9. #9
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    106
    Plugin Contributions
    0

    Default Re: Background Images

    Mike
    so what you guys are saying is.... it is ok to keep my background image where you told me to put it... ( images folder)

    God bless
    Joseph

  10. #10
    Join Date
    Apr 2006
    Location
    West Salem, IL
    Posts
    2,739
    Plugin Contributions
    0

    Default Re: Background Images

    go with what Kim said: includes/templates/Your_template/images
    Mike
    GeekHost - Zen Cart Certified & PCI Compliant Hosting
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Background images
    By Jace in forum Templates, Stylesheets, Page Layout
    Replies: 14
    Last Post: 29 Nov 2010, 08:28 PM
  2. Background images
    By Crazy in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 30 May 2007, 09:07 PM
  3. Replies: 1
    Last Post: 29 Sep 2006, 04:52 PM

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