Need help? Check out our Support site, then


Rounded Corners of Images

  1. themoustachefactory
    Member

    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 themoustachefactory.com.

  2. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic