Quote:
Originally Posted by juggledad
This will do it for the top left and right corners. add it to ATO->Add HTML/CSS Inserts->CSS Inserts
HTML Code:
/* ================================================ */
/* Replacement header-image-container to rounded the top corners of the image */
/* ================================================ */
.header-image-container {
position: relative;
margin: 0;
padding: 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-topleft: 20px;
}
/* ======================= */
/* end Replacement Header Image Container */
/* ======================= */
|
Juggledad
Many thanks for the information, I have just inserted that into the location you mentioned and instead of using the top left and right commands I tried the -webkit-border-radius: 10px; and it seems to be working fine.
Is there any reason not to use the -webkit-border-radius: 10px;....
regards
Nigel