Results 1 to 7 of 7
  1. #1
    Join Date
    Jul 2004
    Location
    stroud, gloucestershire
    Posts
    205
    Plugin Contributions
    1

    Default Product background image

    Hi all,

    i know this is a simple thing to do but for the life of me i cant get it right. I want to put a bcakgound image behind the product images on my website.

    I know its done in the stylesheet but cant quite get it right.

    Many thanks

    Paul

  2. #2
    Join Date
    Oct 2007
    Posts
    289
    Plugin Contributions
    0

    Default Re: Product background image

    Post a link to your your page.
    [FONT=Microsoft Sans Serif]CSS Evangelist[/FONT]

  3. #3
    Join Date
    Jul 2004
    Location
    stroud, gloucestershire
    Posts
    205
    Plugin Contributions
    1

    Default Re: Product background image

    hi, the pages id like the background images on are

    http://www.funkyfancydress.com/index...=index&cPath=2

    and

    http://www.funkyfancydress.com/index...index&cPath=11

    Many thanks

    Paul

  4. #4
    Join Date
    Jul 2004
    Location
    stroud, gloucestershire
    Posts
    205
    Plugin Contributions
    1

    Default Re: Product background image

    Dont suppose anyone has asy ideas about this?

    Regards

    Paul

  5. #5
    Join Date
    Oct 2007
    Posts
    25
    Plugin Contributions
    0

    Default Re: Product background image

    Add the background image to the following classes in your css stylesheet .productListing-odd {background-image:
    url('example.jpg')} and .productListing-even {background-image:
    url('example.jpg')} that should work!

  6. #6
    Join Date
    Sep 2007
    Posts
    219
    Plugin Contributions
    0

    Default Re: Product background image

    First you will need to upload the image you wish to use to catalog\includes\templates\yourtemplate\images

    css

    .categoryListBoxContents {
    background-image: url(../images/yourimage)
    }

    That will accomplish the second one.

    The index page will be harder as you can't isolate the first column. As these images are full width you won't be able to see behind them anyway?

  7. #7
    Join Date
    Jul 2004
    Location
    stroud, gloucestershire
    Posts
    205
    Plugin Contributions
    1

    Default Re: Product background image

    Brilliant,

    thanks guys! ill give this a try later.

    Paul

 

 

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. Product Image Background
    By ggarmo in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 28 Jan 2008, 03:05 AM
  4. Product Listing Background Image
    By littlegdesigns2004 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 1 Oct 2007, 03:56 PM
  5. Eliminate header background image on product pages
    By empirenine in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 6 Jun 2006, 07:37 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