Please check out all of our add-ons and themes at c5extras.com.

Round Corners on Anything

This add-on is compatible with Concrete 5.5.

See this add-on in action at: http://c5extras.com/add-ons/round-corners/

Finally! You can quickly and easily add round corners to almost any element: images, 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: galleries, 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.


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
  • NEW (v1.3): It DOES support images now - not just background images
  • NEW (v1.3): New rounding engine doesn't use jQuery so it works perfectly with Concrete5.4.2+ (old engine wasn't compatible)

 

Limitations:

  • 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 or use the "design" tool (by clicking on any block in edit mode).

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.

 

1st Combo Special:

Grab the Gradient + Shadow On Anything along with Rounded Corners on Anything and save $10 on the combo. You'll be able to get IE6+ to now support 3 awesome CSS3 features it normally doesn't support: round corners, linear gradient & box shadow. 

2nd Combo Special:

Save $15 on our "Please Sir... Polish My Site" bundle which includes 3 popular add-ons.
Get Rounded Corners, YouTube Pro and Gallerific for only $30. What a bargain! Check it out. 

 

Check out more of our quality Concrete5 add-ons at our website and follow us on Twitter for exclusive discounts.

Purchase

$60.00 Buy FiveSave 20%
Approved by PRB

Our 30 Day Support Policy

  • Replies to tickets every business day.

Support Hosted

  • On concrete5.org