Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Oct 2007
    Posts
    84
    Plugin Contributions
    0

    Default Change background

    I would like to change the back ground to my image. Can someone please let me know where I change that on the stylesheet. I know there are a couple places and I want to make sure I do it right the first time.
    Thanks,
    Laurie

  2. #2
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,236
    Plugin Contributions
    20

    Default Re: Change background

    Aah - you'll never learn anything if you do it right the first time!

    Be a bit more specific - which image and where..header, footer, body, sidebox, centerbox??

    Even better, as this is a visual thing, how about a url so we can see your problem?
    Development Manager @ JSWeb Ltd
    Over 15 years with Zencart

  3. #3
    Join Date
    Oct 2007
    Posts
    84
    Plugin Contributions
    0

    Default Re: Change background

    Thanks for your help. my website is http://studiofrenzy.com/ and that is the background I would like on my zen cart. Currently it is white http://studiofrenzy.com/ZenCart/

    I would like the background to be like the following website http://www.fanodyssey.org/
    I like how the stars are behind the side boxes.

    Thanks!!!

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Change background

    You can add your background to either body{} or #mainWrapper {} depending on the coverage area you want.

    Find

    body {

    and add

    background-image: url(../images/yourbg.gif);

    Load the image file into /includes/templates/your_template/images/.

    You will need to remove background-color and background-image properties from most places they occur in your stylesheet. Test as you go.

  5. #5

    Default Re: Change background

    I am having a similar problem. I want my image to be the background of everything. Text, boxes, products, everything. Here is my current code.

    body {
    color:#000000;
    font:.75em/1.5 'trebuchet ms', arial, sans-serif;
    background-image: url(/includes/templates/free_red/images/marble_dark.jpg);
    background-repeat: repeat-x; }
    margin:0 15px;
    }

    Any idea why it is not working? The background remains white.

    www.bb5t.com/zen

  6. #6
    Join Date
    Apr 2004
    Location
    UK
    Posts
    5,821
    Plugin Contributions
    2

    Default Re: Change background

    Code:
    background: #ffffff url(../images/background_your name.jpg);
    NOT
    Code:
    background-image: url(/includes/templates/free_red/images/marble_dark.jpg);

  7. #7

    Default Re: Change background

    That's a start, but it only went behind part of the page. What and where do I change the colors to transparent so the background shows all over?

    Thanks in advance

  8. #8
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Change background

    Search your stylesheet for "background" and eliminate colors wherever you find them. Test each one to be sure you actually do want to eliminate it.

  9. #9
    Join Date
    Dec 2007
    Posts
    141
    Plugin Contributions
    0

    Default Re: Change background

    Using FireFox's Firebug add-on is great for this kind of thing. You can go in and delete or add stylesheet code where ever you want to and see the changes right there in real time. And best of all.. you're not messing up your files tweaking to your heart's content ... You just refresh and voila! back to normal

    I usually keep a pencil and paper handy.. and I jot down the changes that do what I want and then I go into the stylesheet and make them. Very handy!

  10. #10
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,236
    Plugin Contributions
    20

    Default Re: Change background

    Quote Originally Posted by LittleOleMeDesigns View Post

    I usually keep a pencil and paper handy.. and I jot down the changes that do what I want and then I go into the stylesheet and make them. Very handy!
    You do realise that you can save the changes to your own harddrive and then upload if you wish?
    Development Manager @ JSWeb Ltd
    Over 15 years with Zencart

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. v153 Slider Background change
    By lucecita2618 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Jun 2015, 04:21 AM
  2. Background color change
    By FITE-COMMANDER in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 25 Mar 2009, 06:29 AM
  3. How to Change Background Colour to Background image
    By ittybittykitty in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 9 Aug 2008, 04:36 PM
  4. background colour change!
    By eggrush in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 3 Mar 2008, 10:30 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