Rounded Corners of Images

• 

  themoustachefactory · Member · Jan 8, 2013 at 1:09 pm

  • Copy link
  • Add topic to favorites

  How can I use the ‘Style’ field to round the corners of images I insert into my pages? I would also be happy if I could use CSS to round the corners of all the images I post automatically. I am not looking to have a border at all.

  Many Thank

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

• 

  designsimply · Member · Jan 15, 2013 at 2:29 pm

  • Copy link

  To remove borders and round the corners of images in the content areas of the Liquorice theme, add this to your Appearance → Custom Design → CSS editor:

  .entry img {
  	border-radius: 8px;
  	border: none;
  }

  The Liquorice theme also uses padding to get a border effect for images, if you just remove the padding, it will make that go away. Try this out to see what I mean:

  img.alignleft,
  img.alignright,
  img.aligncenter,
  img.alignnone,
  .post-thumbnail {
  	padding: 0;
  }