Finally! You can quickly and easily add round corners to almost any element: div tags, list items, span tags, text links and more.

This add-on is easy to install and use. Best of all you can use a standard CSS-style selector to choose which elements you wish to apply round corners to (eg. #mydivtag or .myclassname).

This add-on is ideal for: menus, sidebar backgrounds, page wrapper backgrounds, featured content, etc.

This add-on has been tested on Internet Explorer (including IE6), Firefox, Chrome, Opera and Safari.

You can see an example here.

Features:

• Quickly and easily add rounded edges with just a few clicks - no need for images anymore!
• Use CSS-style selector to choose elements
• Control rounded edges on multiple elements on the same page with different settings (using just 1 block)
• Flexible control over rounding - round all corners, 2 corners or just 1.
• Control rounding radius (size)
• Anti-aliasing for smooth edges
• Works on a plain background AND image backgrounds (of div tag)
• Supports rounded borders (controlled via CSS)
• Supports transparency (to absorb coloring on corners from layer below affected element)
• Supports padding and margin
• Supports native rounding in Firefox, Safari and Chrome (for improved performance)
• Cross-browser support
• Degrades gracefully if visitor doesn't have Javascript enabled

Limitations:

• Does not support images (but DOES support background images of DIV tags)
• Does not work with Flash animations (as Flash uses a browser plugin)

How to use:

1. Add the Rounded Corners block (just once) to your page.
2. Enter the ID/classes of the elements you wish to modify.
3. Add the rounding radius (size) and style.
4. That's it!

To change the background and border colours of your selected elements, just edit your CSS (stylesheet) file as usual.

If you want the rounding to appear on all pages, please add it to the page type (via Pages & Themes > Page Types), and set the block to all children pages.