Thread: Image Border

Results 1 to 10 of 14

Hybrid View

  1. #1
    Join Date
    Dec 2005
    Posts
    166
    Plugin Contributions
    0

    Default Re: Image Border

    How did you add the image border in the stylesheet?
    Could you please send the exact script.

    Thanks

  2. #2
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: Image Border

    To add a border to all images the rule in the stylesheet would be:

    img{
    border: 1px solid #4d4d4d;
    }

    1px is the width of the border
    solid is the style of the border
    #4d4d4d is the color of the border

  3. #3
    Join Date
    Dec 2005
    Posts
    166
    Plugin Contributions
    0

    Default Re: Image Border

    Thanks for the code.
    However, when I do this, it adds a border even to the buttons. Incidentally, I have rounded buttons. Also to the logo image in the header and the bullets (images) in the category box. Have a look at http://raunharman.co.in/fashion_jewe...=index&cPath=8
    So, this looks slightly odd.
    Any help would be greatly appreciated.
    Thanks.

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

    Default Re: Image Border

    So as niccol said, you would put the border on product images only.
    Code:
    .categoryListBox img, .listingProductImage, .productMainImage img {border: 1px solid #4d4d4d;}

  5. #5
    Join Date
    Dec 2009
    Location
    Richmond, VA
    Posts
    160
    Plugin Contributions
    3

    Default Re: Image Border

    I cant get this to work on my main page. the border only comes up on the specific product's info page.

    http://www.thegearvault.com

    indexpage is listing New Products but I can't get them to have a border there or in their category listing.

  6. #6
    Join Date
    Apr 2009
    Posts
    2,134
    Plugin Contributions
    3

    Default Re: Image Border

    Code:
    .centerBoxContentsNew img{
    border:3px red solid
    }
    will do the New Products but I suspect you won't like the effect...

    Likewise for the product listing:


    Code:
    .listingProductImage{
    border:3px solid red;
    }

  7. #7
    Join Date
    Oct 2005
    Location
    Helena, MT
    Posts
    118
    Plugin Contributions
    0

    Default Re: Image Border

    I have included the suggested css in my stylesheet and it's not working. I'm trying to add a border to every product image on the site.

 

 

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 image
    By rapro in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 11 Jun 2010, 07:35 PM
  3. How do you increase the large image pop-up window when you have an image border?
    By Sawhorse in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 15 Apr 2009, 06:03 PM
  4. Help with Main Image Border Wrapping around ImgLink Image
    By limelites in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 2 Mar 2009, 10:55 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