Customizing Photo Borders

• 

  thetoastedsprinkle · Member · Mar 21, 2013 at 4:18 pm

  • Copy link
  • Add topic to favorites

  I’m trying to find a way so that all of the images/photos in my posts have rounded corners (without borders). I’ve managed to eliminate all the borders around photos but I wanted to customize their shape as well (without having to re-photoshop all the photos and upload them again).

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 21, 2013 at 4:31 pm

  • Copy link

  This will do it to ALL images on your site.

  img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  This would do it to only the images in the content area (post and page content).

  .content img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  }

  You can edit the radius, just make sure and keep the radiuses in the three declarations the same.

• 

  thetoastedsprinkle · Member · Mar 21, 2013 at 4:41 pm

  • Copy link

  Thanks so much you’re a life saver!

• 

  thesacredpath · Member · Mar 21, 2013 at 11:53 pm

  • Copy link

  You are welcome.