Circular thumbnails and layout images border

  • Resolved pdsin

    (@ppprakashsingh007)


    10 years, 7 months ago

    How can we change radius of image borders such that it looks circular thumbnail.

Viewing 2 replies - 1 through 2 (of 2 total)
  • bdbrown

    (@bdbrown)

    10 years, 7 months ago

    Hi ppprakashsingh007. Here is some css I used previously on a text widget image. You could probably modify it to use on your images using a selector like “.post-thumbnail img”:

    .textwidget wp-image-193 {
    width: 65%;	/* adjust size of image */
    height: auto;
    float: left;
    margin-right:10px;	/* adjust space around image */
    border-radius: 50%;
    -webkit-shape-outside:circle();
    shape-outside:circle();
}
    Thread Starter pdsin

    (@ppprakashsingh007)

    10 years, 7 months ago

    thanks bdbrown.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Circular thumbnails and layout images border’ is closed to new replies.