Thread: Image Border

Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Apr 2008
    Posts
    104
    Plugin Contributions
    0

    Default Image Border

    I added the image border to my stylesheet, and I like it around my product images, but not on my logo image, how do I remove the border from the logo image ONLY?

    Site: www.halosweddingfavors.com
    Halo's Ethereal Favors - Wedding Favors, Baby Shower Favors, Baby Gifts & more!

    Visit Our Blog:Halo's Favors Blog

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

    Default Re: Image Border

    Add this to your stylesheet:

    Code:
    #logo img{border:none;}
    What that does is effect all the img tags inside the div #logo. You can build up specific rules like this. So, what might be better is to put the border into only the product images specifically.

  3. #3
    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

  4. #4
    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

  5. #5
    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.

  6. #6
    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;}

  7. #7
    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.

  8. #8
    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;
    }

  9. #9
    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.

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

    Default Re: Image Border

    Well, the css that Glenn posted is a good solution for all the images. If it isn't working then you may not be adding it correctly to the correct stylesheet. We'd need to see the site to let you know....

 

 
Page 1 of 2 12 LastLast

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