Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #24582
    ianedward
    Member

    Hi there, I’ve read several posts on how to remove the default image border in Simple Catch. The thing is, I just want to remove the border from a single image that I’m using as a “shadow” beneath thumbnails. I managed to do it by editing my style CSS using advice from another post, but it removed borders from all images on the site. So, any ideas on how I can remove the borders from only one image? Here’s the link:

    http://www.designdevelopinspire.ca/cottage-deck-reno/

    Thanks,

    Ian

    #24675
    Sakin
    Keymaster

    @ianedward: If you want to remove the border from only the page mentioned in the link then you can add the following css in “Appearance => Theme Options => Custom CSS” box.
    .page-id-691 #main #content img { border: none; }

    #24685
    ianedward
    Member

    Thank you, the code works perfectly. I really appreciate your help!

    Cheers,

    Ian

    #27797
    ihortizuela
    Member

    Hi. How do I remove the border for a particular image only? Or can I remove the border for all images and save this particular image without the border and switch it back? I am trying to add my digital signature but it is showing the borders around it. Thank you much.

    #27816
    Sakin
    Keymaster

    @ihortizuela: If you want to remove it for all you need to add the following css in “Appearance => Theme Options => Csutom CSS” box.
    #main #content img { border: none; }

    #52249

    I am trying to remove the border around specific images. Particularly the four images that sit at the bottom of every page of my site (AEA, Maag, iZotope,Reftone) I don’t mind the borders on the rest of the images, but these are so small that it feels cluttered. Is this possible?

    Thanks

    http://www.colenystrom.com

    #52318
    Sakin
    Keymaster

    @chuckasaurusrex: Yes add the following css in “Appearance => Theme Options => Custom CSS” box:

    #main #content img.wp-image-125,
    #main #content img.wp-image-126,
    #main #content img.wp-image-127,
    #main #content img.wp-image-219 {
        border: none;
        padding: 0;
    }
    #52379

    Thank you @sakin , it worked and now I think I understand how to figure it out myself!

    The iZotope image still had a border at first, but I realized you were just missing a comma in the second line! Thank you so much!

    #52436
    Sakin
    Keymaster

    @chuckasaurusrex: oops. I have fixed the above css. Thanks 🙂

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Simple Catch – removing specific image border’ is closed to new replies.