Results 1 to 8 of 8
  1. #1

    Default change background on either side from a colour to an image?

    How do I change the background on either side of my page to an image instead of just a colour?

    www.mccarthyhighland.com/shop

  2. #2
    Join Date
    Jun 2003
    Posts
    33,721
    Plugin Contributions
    0

    Default Re: change background on either side from a colour to an image?

    What sort of image?
    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.

  3. #3
    Join Date
    Oct 2006
    Posts
    137
    Plugin Contributions
    0

    Default Re: change background on either side from a colour to an image?

    this is what you need to change, will need to take out background colour and place in image. Exact code I am not sure of unless I played with it.
    https://www.zen-cart.com/tutorials/i...hp?article=201
    [FONT=Fixedsys]We live in a rainbow of chaos ~ Paul Cezanne[/FONT]

  4. #4

    Default Re: change background on either side from a colour to an image?

    Kim, I have a background gif, the kind you tile to fill the space, that I'm considering using.

    Zas, could you let me know what the code should be for me to do this? I'm running out of time to get this site up and running, and I don't know enough about CSS coding to handle this yet.

    Thanks ,

    Highlander

  5. #5
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: change background on either side from a colour to an image?

    In your stylesheet

    Code:
    body{
    background-image: url(/includes/templates/custom/images/bg.gif);
    }
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

  6. #6

    Default Re: change background on either side from a colour to an image?

    thanks. I trid the code you supplied, but the image didn't show up? The background just changed to white? Do I need to do something for the image to "tile" and fill in all the available space around the central "page"?

  7. #7
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: change background on either side from a colour to an image?

    Try putting your image in the line I've higlighted in red. Pick a background color close to the main color in your image and replace the black that I have (000000).
    Code:
    #mainWrapper {
    	background-color: #000000;
      background-image: url('../images/space011.jpg');
    	text-align: left;
    	width: 100%;
    	vertical-align: top;
    	}

  8. #8

    Default Re: change background on either side from a colour to an image?

    Thanks! I discovered by playing around that your chunk of code needs to be in the " body { " portion of the stylesheet. Works fine......but I didn't like the background image afterall.

 

 

Similar Threads

  1. How do I change the background colour, on each side of my page to an image
    By StevenBettles in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 23 Dec 2011, 03:10 AM
  2. change image types to either png or jpg
    By tds_employee in forum General Questions
    Replies: 11
    Last Post: 26 May 2011, 06:03 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
  5. How change the background colour?
    By canadianwebstar in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 24 Jun 2006, 01:45 PM

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