WordPress.org

Ready to get started?Download WordPress

Forums

Is there a plugin or tutorial to display the thumbnails with rounded corners? (4 posts)

  1. webipsum
    Member
    Posted 2 years ago #

    Please.
    Is there a plugin or tutorial to display the thumbnails with rounded corners?
    Tks.

  2. Digital Raindrops
    Member
    Posted 2 years ago #

    Rounded corners is just a style setting, lets say we added thumbnails to the twenty eleven theme, these are added to the excerpts entry-summary section, in the style they already have borders so we round the borders, we would add to style.css in our child theme!

    .entry-summary img {
      	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-o-border-radius: 3px;
    	border-radius: 3px;
    }

    For all images if they have borders!

    /** Image border corners
    * Add rounded border corners to all WordPress-added images
    * but not things like badges and icons and the like
    */
    img[class*="align"],
    img[class*="wp-image-"],
    #content .gallery .gallery-icon img {
      	-webkit-border-radius: 3px;
    	-moz-border-radius: 3px;
    	-o-border-radius: 3px;
    	border-radius: 3px;
    }

    HTH

    David

  3. webipsum
    Member
    Posted 2 years ago #

    Tks David.
    Works in IE?

  4. Digital Raindrops
    Member
    Posted 2 years ago #

    IE

    border-radius: 3px;

    You would use clipping for images without borders!

    .entry-summary img {
    	border: none;
            clip: rect(3px 3px 3px 3px); /* IE6, IE7 */
    	clip: rect(3px, 3px, 3px, 3px);
    }

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic