Results 1 to 10 of 13

Hybrid View

  1. #1
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Re: Background image

    Hi guys,

    How do i get the image to go behind all the text in my account?

    http://unikids.splay.co.uk/zencart/i...n_page=account

    email: test AT test DOT com
    p/word: test1

    thanxs

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

    Default Re: Background image

    You could add a
    background-repeat: repeat-y;
    but I don't think that would look very good. I think it looks fine as is. The circles logically and neatly cover what they do and whitespace below balances out. Remember, any background image makes it that much harder (not much in your case) to read the foreground text.

    The other possibility would be to make a taller image with more rings, but that would require loading that bigger image behind every page.

  3. #3
    Join Date
    Feb 2007
    Posts
    212
    Plugin Contributions
    0

    Default Re: Background image

    Hi, iv just noticed a lil problem.

    when i wonder around the website..the black texts cannot be seen??

    When you highlight the text it does appear..but when you refresh..it goes again??

    its okay on the home page tho?!?

    http://unikids.splay.co.uk/zencart/i...ain_page=login

    highlight from the top of the page..youl see the hidden title bar text??

  4. #4
    Join Date
    Jan 2005
    Posts
    26
    Plugin Contributions
    0

    Default Re: Background image

    I am also having a problem with a background image. I am adding a second image in the header using the background-image feature. I can get it to work with one image to test it, and it works as follows:

    #logoWrapper{
    background-color: #4c50dd;
    background-image: url(../images/metropolislogo-redback-web.gif);
    background-repeat: no-repeat;
    background-position: right
    }

    However, the image I would like to use would look like this:

    #logoWrapper{
    background-color: #4c50dd;
    background-image: url(../images/headerimages.gif);
    background-repeat: no-repeat;
    background-position: right
    }

    The image url is: http://www.metropolistoys.com/zencar...aderimages.gif

    Is there some reason that this works with the first image I tested it with and why it won't work with the actual image need to use? The test site is at www.metropolistoys.com/zencart137

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

    Default Re: Background image

    I don't know if you cut and pasted that code or re-typed it, but the LINK you supplied to the image has // before images.
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

 

 

Similar Threads

  1. Background image cover entire background w/one image
    By oxicottin in forum Templates, Stylesheets, Page Layout
    Replies: 43
    Last Post: 3 Apr 2012, 03:18 PM
  2. add background image to a attribute then have that background image act as hyperlink
    By sike1234 in forum Setting Up Categories, Products, Attributes
    Replies: 0
    Last Post: 14 Nov 2008, 05:38 PM
  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 Image & Background Color
    By jben in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 30 Mar 2008, 01:11 AM

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