Rounded corners with border
Tuesday, November 10, 2009 - 10:27

The jquery Rounded Corners module is a nice tool if you need rounded corners for divs, classes, blocks etc. I needed rounded corners for a container on my project, I'm using Blueprint 3 framework and this was really easy. The rounded corners module needs to be updated with the latest version, you can download it from here. Replace the version you have in you're Rounded corners module. First I had to create a class for my container:

background-color: #ffffff;
border: 1px solid #cccccc;

Then I updated my page-front.tpl.php

"container conbck"

And here is the code that goes in the Rounded corners configuration page within administer - site configuration:

(".conbck").corner("round 8px").parent().css('padding', '4px').corner("round 8px");

Add comment

The content of this field is kept private and will not be shown publicly.