Hi, I installed JQuery EyeCandy and the CurvyCorners Plugin but now I`m clueless about what to do next. The theme I have installed is Zero Point which have a round.css with the following code:
/* ROUNDED CORNERS */

.block.themed-block,
#mission,
.comment,
blockquote,
#search .form-text,
#search .form-submit {
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
#navlist.links a,
#navlinks ul li a {
-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topright: 7px;
-khtml-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-ms-border-radius-topleft: 7px;
-ms-border-radius-topright: 7px;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
#navlinks li ul a {
-webkit-border-radius: 0;
-khtml-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}

On install sidebar blocks instantly got rounded corners on IE8 (which was the main reason I installed the module, cause the rounded corner didn´t appear with css); you can see teh problem in http://servidor-mxigen4.com/grupo-mar but at this point I`m clueles about what to do next, still haven´t figured uot why teh block corners got rounded wuth no code input on the eye candy settings.

All I want is to add top rounded corners to menu links and remove the corners that appeared on the last block on teh sidebar which shouldn`t have any.

Tried searching and reading the information available but guess that too much code for me (after all I`m a designer not a programmer).

All help will be greatly appreciated.

Comments

nssdcg’s picture

nssdcg commented
Priority: Critical » Major
Status: Active » Needs review

I made it work though not very certain about the how, in the sky.css I added:

#navlinks ul li a, #navlist a {
color: #fff !important;
font-family: Arimo;
background-image: url(../images/botones.png);
background-repeat: repeat-x;
background-position: left bottom;
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
margin-left: 2px;
height: 30px;
font-size: 15px;
text-align: center;
line-height: 32px;
-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topright: 7px;
-khtml-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-ms-border-radius-topleft: 7px;
-ms-border-radius-topright: 7px;
border-top-right-radius: 7px;
border-top-left-radius: 7px
}

and now it works!!!

In the block I wanted to remove the corners I used:

#block-block-6 {
position: relative;
top: -15px;
border: 0px none #FFF;
}

And Voila!!! no borders

I ended up removing everything from the JQuery EyeCandy settings which didn´t seem to help at all.