Results 1 to 10 of 10
  1. #1
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Border around New/All Product Listing images

    How do I put borders around the images in the New Products Listing Page and All Products Listing Page?

  2. #2
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Border around New/All Product Listing images

    Hi. For picture borders in New Products...

    Try this out into your stylesheet;
    Code:
    #newProductsDefault IMG { border: 1px solid #ffffff }
    For picture borders in All Products...

    Pretty much the same deal;
    Code:
    #allProductsDefault IMG { border: 1px solid #ffffff }
    You can adjust the width of the border and the actual color to your preference.

  3. #3
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Border around New/All Product Listing images

    Quote Originally Posted by Sketchy
    Hi. For picture borders in New Products...

    Try this out into your stylesheet;
    Code:
    #newProductsDefault IMG { border: 1px solid #ffffff }
    For picture borders in All Products...

    Pretty much the same deal;
    Code:
    #allProductsDefault IMG { border: 1px solid #ffffff }
    You can adjust the width of the border and the actual color to your preference.

    Ok so this works....BUT, it also puts the border around all the buttons...

  4. #4
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Border around New/All Product Listing images

    ...This is why we make a good team.

    Code:
    #newProductsDefault a IMG { border: 1px solid red }
    #allProductsDefault a IMG { border: 1px solid red }
    Sorry about that.

  5. #5
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Border around New/All Product Listing images

    Quote Originally Posted by Sketchy
    ...This is why we make a good team.

    Code:
    #newProductsDefault a IMG { border: 1px solid red }
    #allProductsDefault a IMG { border: 1px solid red }
    Sorry about that.

    This didn't change anything for me...borders are still around the buttons

    I take that back, only around the "add to cart" buttons.....I supposed because they are also linked images

  6. #6
    Join Date
    Aug 2006
    Location
    Canada
    Posts
    1,029
    Plugin Contributions
    5

    Default Re: Border around New/All Product Listing images

    You might have to dump your cache....my fault for giving you the wrong Selectors to begin with. This works fine on mine, unless you did some other bordering already.

  7. #7
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Border around New/All Product Listing images

    Quote Originally Posted by Sketchy
    You might have to dump your cache....my fault for giving you the wrong Selectors to begin with. This works fine on mine, unless you did some other bordering already.

    Hmmm. nope that didn't work either. I don't get it. I swear things just don't work for me....

    oh and the only pic i have borderd is the pic that shows up in the "what's new" sidebox...

  8. #8
    Join Date
    Sep 2006
    Posts
    21
    Plugin Contributions
    0

    Default Re: Border around New/All Product Listing images

    How would you do it for product listing page?
    I tried putting ii in the css a couple different ways and it is not working.

  9. #9
    Join Date
    Aug 2006
    Location
    portlandish, oregon
    Posts
    799
    Plugin Contributions
    0

    Default Re: Border around New/All Product Listing images

    Quote Originally Posted by allthat
    How would you do it for product listing page?
    I tried putting ii in the css a couple different ways and it is not working.
    I think this was supposed to be for the All Products Listing Page...

    #allProductsDefault a IMG { border: 1px solid red }
    I don't have my page showing so I haven't checked & now my server is down so I can't check at all

  10. #10
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Border around New/All Product Listing images

    Please refer to the topic below and look at the suggestions by DrByte.
    Product listing image borders

    It may give more ideas.
    A New Starter again

 

 

Similar Threads

  1. remove border around around images (not image border)
    By Otha in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 Aug 2010, 06:03 AM
  2. border around product listing
    By jackii_8 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 Sep 2008, 04:41 PM
  3. Border around Product Listing Image
    By jordana in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 24 Apr 2007, 09:43 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