Round corners

With the round corner snippets, you can add a smooth roundness to specific elements.

Note: The border radius is not supported by IE7 and 8.

Tip: You can add this to form fields, buttons, testimonial images and others.
By increasing the pixel amount, you can get fully round images on testimonials or other images. All you need to do is change the value to 50%.

Round corners on all buttons


This snippet will apply round corners to all buttons.

Note: Border Radius is not supported in IE7 and IE8.

/* Round corners on all buttons */
.btn, .btn-large{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
Copy to clipboard

Round corners on testimonial images


This snippet will apply round corners to all testimonial images.

Note: Border Radius is not supported in IE7 and IE8.

/* ROUND TESTIMONIAL IMAGES */
.testimonial img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
}
Copy to clipboard