Download & Extend

Rounded Corners Not Working on Footer Block

Project:Rounded corners
Version:5.x-1.x-dev
Component:Miscellaneous
Category:support request
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

Hello,

I've successfully installed and set up rounded corners on a website. Everything is working as far as the sidebar blocks. However, I can't for the life of me get the footer block to have rounded corners.

This site was built using the Zen theme, and according to Firebug the main CSS is as follows:

<div id="footer">
<div id="block-block-1" class="block block-block odd">
<div class="blockinner">

I have tried to add rounded corners to this block using each of the following:

$("#footer").corner("round 10px");
$("#footer .block").corner("round 10px");
$("#footer .blockinner").corner("round 10px");
$("#footer .block block-block odd").corner("round 10px");
$("#block-block-1").corner("round 10px");
$("#block-block-1 .block").corner("round 10px");
$("#block-block-1 .blockinner").corner("round 10px");
$("#block-block-1 .block block-block odd").corner("round 10px");

None of those worked. I also tried simply:
$(".block").corner("round 10px");

But that didn't work either, so apparently the block isn't being recognized as such. However, it *is* a block, and I can't think of anything else to try.

Thanks for any advice,

Jim