Page 1 of 2 12 LastLast
Results 1 to 10 of 13
  1. #1
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    107
    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
    Horicon, WI
    Posts
    2,121
    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
    Camelot-Hosting...A PCI compliant Ecommerce Host
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  3. #3
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    107
    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
    Horicon, WI
    Posts
    2,121
    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
    Camelot-Hosting...A PCI compliant Ecommerce Host
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  5. #5
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    107
    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,825
    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
    Horicon, WI
    Posts
    2,121
    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
    Camelot-Hosting...A PCI compliant Ecommerce Host
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  8. #8
    Join Date
    Apr 2006
    Location
    Horicon, WI
    Posts
    2,121
    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
    Camelot-Hosting...A PCI compliant Ecommerce Host
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

  9. #9
    Join Date
    Apr 2006
    Location
    Right Here
    Posts
    107
    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
    Horicon, WI
    Posts
    2,121
    Plugin Contributions
    0

    Default Re: Background Images

    go with what Kim said: includes/templates/Your_template/images
    Mike
    Camelot-Hosting...A PCI compliant Ecommerce Host
    The Zen Cart Forum...Better than a monitor covered with post-it notes!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. CSS Question - Multiple Background Images
    By voltage in forum Templates, Stylesheets, Page Layout
    Replies: 28
    Last Post: 11 Dec 2009, 09:19 PM
  2. how can i specify a background image for centerBoxHeading
    By modchipfitters.co.uk in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 25 Mar 2009, 09:37 AM
  3. Replies: 1
    Last Post: 29 Sep 2006, 04:52 PM
  4. Help with background images in sideboxes
    By stjude in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 13 Jul 2006, 11:53 PM
  5. background and header images pushing down the page
    By organism in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 31 May 2006, 12:19 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
  •