Results 1 to 6 of 6

Hybrid View

  1. #1
    Join Date
    Sep 2006
    Posts
    22
    Plugin Contributions
    0

    Default Category Image Borders

    I have managed to put a border around the product images by using this code in my css file;

    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 1em 1em 1em 1em ;
    border: 1px solid #9a9a9a;
    height: 1%;
    }

    however, I can't get the border around the images in my category or subcategory.

    http://www.heavenlylingerie.com.au/s...ain_page=index

    Thanks

    Amanda
    www.heavenlylingerie.com.au

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Category Image Borders

    try this for one of them others will require a div be defined...

    Find and or ADD to your style sheet:

    Code:
    .listingProductImage {
         border: 1px solid #9a9a9a;
         }
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Sep 2006
    Posts
    22
    Plugin Contributions
    0

    Default Re: Category Image Borders

    thanks - but I did try this and it didn't work. I can use the

    a img {border: 1px solid
    color: #e2e2e2;}

    but I need to remove the border from the header_bg image.
    thanks

    Amanda

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Category Image Borders

    thanks - but I did try this and it didn't work
    Are you sure that you viewed the correct images??? I did this with FF interactively on your linked page and it worked.
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Jan 2006
    Posts
    40
    Plugin Contributions
    0

    help question Re: Category Image Borders

    Hi guys,

    A very helpful thread here. After my orginal attempts like Amanda to add the border to the "a img" tag and ending up with a border on my logo and buttons, following Kobra's lead, I now have borders on my product and listing pages.

    However, this work is incomplete for me. I want to match this look and feel wherever my new products listing shows up. How do I reference the images in the sideboxes (excepting buttons, aka "Search") and/or the images in the New Products centerbox display?

    Kobra, maybe you could enlighten us as to how you determined that ".listingProductImage" was the missing CSS tag to get these image borders to work. I tried making similar tags, such as ".products_newProductImage" to no avail.

    Two further refinements, if possible.
    1) On the individual products page, the border includes the "larger image" text within it. Can the border be moved to just the product image itself, and if so, how?

    2) The images in the larger image popup window lack the border. How do we add the border to these images?

    Once again, a great thread. Thanks for the help.

    Regards,

    Mark Harrison

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Category Image Borders

    FireFox and the web developers tools also an extention named ardvark
    Zen-Venom Get Bitten

 

 

Similar Threads

  1. borders on category products
    By slater555 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 31 Mar 2011, 04:17 PM
  2. Image Borders
    By phpmike in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 10 Jul 2007, 04:06 AM
  3. image borders.
    By rpain in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 Apr 2007, 03:52 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